@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url(../../css/font.css);

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, address, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, footer, header, nav, section, summary, button,select,input{ margin: 0; padding: 0; border: 0; font-size: 16px; /*font: inherit;*/ vertical-align: baseline; font-family: 'SourceHanSerifCN','Noto Sans JP','Roboto','Apple SD Gothic Neo','malgun gothic','dotum',sans-serif; text-decoration:none; color:#222222; }
p { color:#666666;}
ol, ul { list-style: none; }
button{ cursor: pointer; background:none; border:none; }
address { font-style:normal; }
table { table-layout:fixed; border-collapse:collapse; }
select { width: 250px; padding-left: 15px; font-family: inherit; border: 1px solid #ccc; background: url(../img/select.png) no-repeat right center #fff; background-size: contain; vertical-align: middle; height: 45px; line-height: 45px; color: #666; font-size: 14px; border-radius: 0px; -moz-appearance: none; -webkit-appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input { -webkit-appearance: none; }
select::-ms-expand { display: none; }
html { overflow-x:hidden; }
body { overflow:hidden; }
.maw100{max-width: 100%; height: auto;}
.mobile { display:none; }
.tablet { display:none; }
.mobile-only{display: none;}
a.round { float:right; height:55px; border:1px solid #999999; border-radius:40px; padding:15px 50px 15px 35px; background:url(../img/btn_arrow.png)no-repeat 100px 50%; box-sizing:border-box; }
a.view_more { font-family:'Roboto'; display:block; width:145px; padding:14px 18px; font-size:14px; font-weight:500; text-align:left; color:#fff; border:1px solid #fff; border-radius:50px; box-sizing:border-box; background:url(../img/icon_more.png)no-repeat 110px 50%; margin: 0 auto; display: table;}
.btn-wrap { text-align: center; margin-top: 60px; }

.btn-wrap a { display: inline-block; min-width: 140px; line-height: 55px; border-radius: 55px; font-size: 16px; font-weight: 500; margin: 0 5px; color: #333; padding: 0 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.btn-wrap a.btn-stroke { border: 1px solid #999; }

div.skip a{ position:absolute; top:-50px; z-index : 1000; transition:top 0.3s ease; -webkit-transition:top 0.3s ease; -moz-transition:top 0.3s ease; -ms-transition:top 0.3s ease; -o-transition:top 0.3s ease;}
div.skip a:focus { top:0px; }

.ml5{margin-left: 5px;}
@media screen and (max-width: 960px) {
    .mobile-only{display: block;}
    .mobile-hide { display: none !important; }
}

/*     Vision of POSCO     */
div#contents .vision .h1 { font-size: 26px; color: #333; font-weight: 500; margin-top: 70px;  line-height: 40px; text-align: left;}
div#contents .vision .h1.mt0{margin-top: 0;}
div#contents .vision .h1 .right { float: right; margin-top: 0 !important; }
div#contents .vision .image { margin-top: 40px; background: #f5f5f5; text-align: center; }
div#contents .vision .image img { margin: 0 auto; }
div#contents .vision .image.diagram { border: 1px #ccc solid; background: #fff; }
div#contents .vision .image.diagram img { margin: 0 auto; }
div#contents .vision .image .innertext { margin-top: 0; padding: 0 40px 40px 40px; text-align: left; }
div#contents .vision p { margin-top: 30px; font-size: 17px; line-height: 26px; }
@media screen and (max-width: 960px) { 
  div#contents .vision .image.diagram { border: 1px #ccc solid; }
  div#contents .vision .innertext { margin-top: 0; padding: 0 20px 30px 20px; }
  div#contents .vision p { margin-top: 20px; font-size: 14px; line-height: 19px;  }
  div#contents .vision .h1 { font-size: 20px;  line-height: 26px;  margin-top: 40px;}

}

/*    Header     */
header.container { position:fixed; top:80px; width:100%; height:80px; background:#fff; border-bottom:1px #ddd solid; z-index:999; }
header.container:after { content:''; position:absolute; top:81px; left:0; display:none; width:100%; height:340px; background:#fff; z-index:-1;}
header.container.site_map:after { display:block; }

header.container h1 { display:inline-block; width: 150px; height: 81px; }
header.container h1:nth-child(2) { position:absolute; right:0; }
header.container h1 a { display:block; width:100%; height: 100%; background:url(../img/main_logo.png)no-repeat 0% 50%; text-indent:-9999px; }
header.container h1:nth-child(2) a { background:url(../img/posco_group.png)no-repeat 50% 50%; text-indent:-9999px; }

/* 20181026 추가(top_nav) */
div.top_nav {max-width:1200px; width:100%; margin:0 auto; text-align:right;}
div.top_nav > ul{ font-size:0; }
div.top_nav > ul > li { display:inline-block; margin:0 10px; }
div.top_nav > ul > li:last-child { margin:0; }
div.top_nav > ul > li a { font-size:13px; color:#666; }
div.top_nav > ul > li a:hover { color:#000; }

/* 20181026 추가(site_map) */
a#site_map_btn { display:block; position:absolute; top:30px; right:180px; width:30px; }
a#site_map_btn.active { display:none; }
a#site_map_btn span.burger_bar { position:relative; top:-6px; display:inline-block; width:30px; height:3px; background:#000; text-indent:-50px; }
a#site_map_btn span.burger_bar:before,
a#site_map_btn span.burger_bar:after { position:absolute; right:0; content:''; display:inline-block; width:30px; height:3px; background:#000; }
a#site_map_btn span.burger_bar:before { top:-10px; }
a#site_map_btn span.burger_bar:after { top:10px; }

a#site_map_btn span.hidden { overflow:hidden; position:absolute; top:-10px; left:-10px; width:1px; height:1px; }
div.site_map { display:none; position:relative; top:-82px; left:0px; width:843px; background:#fff; z-index:9999; text-align:left; }
div.site_map button.site_map_close { position:absolute; top:30px; right:23px; color:transparent; background:url(../img/header_close.png)no-repeat 50% 50%; }
div.site_map ul li a { display:block; width:100%; height:100%; }
div.site_map > ul > li { display:inline-block; width:120px; height:80px; line-height:80px; margin-right:29.5px; font-size:18px; font-weight:500; text-align:left; vertical-align:middle; }
div.site_map > ul li.on > a,
div.site_map > ul > li > a:hover{color: #005890;}
div.site_map ul > li > ul {  position:relative; top:-1px; left:-20px; width:165px; height:160px; padding:20px; z-index:500; }
div.site_map ul > li > ul > li a { height:40px; line-height:40px; font-size: 15px; letter-spacing: -0.5px;}

header div.gnb_wrap {
    /* overflow:hidden; */
    position:relative;
    max-width: 1200px;
    width:100%;
    height:81px;
    margin: 0 auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

div#gnb {float:right;}
div#gnb ul.menu { font-size:0; margin-right:265px; }
div#gnb ul.menu > li { position: relative; display:inline-block; width:120px; height:81.5px; line-height:81.5px; margin-right:33px; font-size:18px; font-weight:500; text-align:left; vertical-align:middle; }
div#gnb ul.menu > li:last-child { margin-right:0; }
div#gnb ul.menu > li a { position:relative; display:block; }
div#gnb ul.menu > li.on a,
div#gnb ul.menu > li a:hover { color: #005891; }


a.all_menu_btn { display:none; }

div.all_menu_wrap { position:fixed; top:81px; left:0; display:none; width:100%!important; margin:0 auto; padding:35px 0 40px; border:1px solid #dedede; background:#fff; z-index:300; }
div.all_menu_wrap div { position:relative; max-width:1200px; width:100%; margin:0 auto; }
div.all_menu_wrap ul.all_menu {
    padding-left:395px;
    font-size:0;
    box-sizing:border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
div.all_menu_wrap ul.all_menu > li { position:relative; display:inline-block; width:140px; font-size:16px; vertical-align:top; font-weight:700; }
div.all_menu_wrap ul.all_menu > li a { display:block; width:100%; height:100%; }
div.all_menu_wrap ul.all_menu li a span.blind { position:absolute; width:40px; height:40px; top:0; left:0; color:transparent; }
div.all_menu_wrap ul.all_menu > li > a.mobile { display:none; }
div.all_menu_wrap ul.all_menu > li ul.depth_2 li { line-height:30px; font-weight:400; }
div.all_menu_wrap ul.all_menu > li:first-of-type { margin-right:18px; }
div.all_menu_wrap ul.all_menu > li:nth-of-type(2) { margin-right:18px; }

div.all_menu_wrap button.all_menu_close { overflow:hidden; position:absolute; top:0; right:0; width:22px; height:22px; z-index:300;}
div.all_menu_wrap button.all_menu_close span { position:absolute; top:10px; left:-5px; display:block; width:30px; height:1px; transform:rotate(45deg); background:black; color:transparent; }
div.all_menu_wrap button.all_menu_close span:before { content:''; position:absolute; top:0px; left:0px; display:block; width:30px; height:1px; transform:rotate(-90deg); background:black; color:transparent; }

div#contents { padding-top:80px; }
/* div#contents.scroll { padding-top:80px; } */



/** indexPage **/

/* Visual */
div.main_visual { height:calc(100vh - 160px); }
div.visual { position:relative; width:100%; height:100%; }
ul.imgBox { height:100%!important; }
ul.imgBox ul { height:100%; }
ul.imgBox li { width:100%; height:100%;}
ul.imgBox li.num1 { background:url(../img/main/bg_main01.png)no-repeat 75% 25% / cover; }
ul.imgBox li h3 { position:absolute; left:18%; width:100%; margin-top:205px; font-size:48px; line-height:60px; color:#fff; text-shadow:rgba( 0, 0, 0, 0.2 ) 3px 4px 1px; }


.width_tablet ul.imgBox li h3{margin-top: 50px; font-size: 30px; line-height: 1.5;}
.width_tablet .visual .bx-controls{left: auto; right: 10%;}


/* 事業案内 */

div.slideBox {width: 100%; height: 100%; max-width: 1200px; margin: 0 auto;}
.sliderInfo {height: 500px; max-width: 100%;}
.slide_I01 {background:url(../img/main/bg_main_slider01.jpg)no-repeat 50% 50% / cover;}
.slide_I02 {background:url(../img/main/bg_main_slider02.jpg)no-repeat 50% 50% / cover;}
.slide_I03 {background:url(../img/main/bg_main_slider03.jpg)no-repeat 50% 50% / cover;}
.slide_I04 {background:url(../img/main/bg_main_slider04.jpg)no-repeat 50% 50% / cover;}

ul.main_contents {}
ul.main_contents li.info_wrap {margin-top: 105px;}
div#contents .main_contents h4 { font-size:40px; text-align:center; color:#003f68; font-weight: 700; }
li.info_wrap p.h4_desc{ margin:25px 0 70px; font-size:16px; font-weight: 500; color: #262626; text-align:center; }

div.info_box { position:relative; height:100%; }
div.info_box div.construction_text_wrap { position:relative; max-width:1200px; width:100%; margin:0 auto; }
div.info_box div.construction_slide_wrap { overflow:hidden; position:absolute; left:50%; width:3600px; margin-left:-1690px; }
div.info_box div.info_slide_text { display:none; position:absolute; bottom:0px; right:0px; width:310px; padding:35px; z-index:200; background:rgba(0, 88, 145, 0.8); box-sizing:border-box; }
div.info_box div.info_slide_text.active-text { display:block; }
div.info_box div.info_slide_text h5 { font-size:25px; line-height:30px; margin-bottom: 33px; font-weight:700; color:#fff; text-align: center; }

div#contents div.slideBox div.bx-wrapper div.bx-pager { margin-top:40px; text-align:center; }
div#contents div.slideBox div.bx-wrapper div.bx-pager-item { display:inline-block; width:40px; height:40px; line-height:38px; margin:0 5px; }
div#contents div.slideBox div.bx-wrapper div.bx-pager-item a {
    display:block;
    font-size:14px;
    text-align:center;
    box-sizing:border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    }
div#contents div.slideBox div.bx-wrapper div.bx-pager a span.blind { position:absolute; width:40px; height:40px; top:0; left:0; color:transparent; }

div#contents div.slideBox div.bx-wrapper div.bx-pager-item a.active {  font-weight:700; color:#005891; border:1px solid #005891; border-radius:50%; }

li.board_wrap { max-width:1200px; width:100%; margin:100px auto 120px; }
ul.board_list { font-size:0; }
ul.board_list > li { position:relative; display:inline-block; width:385px; margin-right:20px; }
ul.board_list > li:last-child { margin-right:0; }
ul.board_list > li a { position:relative; display:block;  width:100%; padding-top:310px; background-position:0% 0%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
ul.board_list > li a:before {
    content:'';
    position:absolute;
    top:105px;
    left:155px;
    width:71px;
    height:73px;
    z-index:20;
    transition:all 0.1s ease;
    -webkit-transition:all 0.1s ease;
    -moz-transition:all 0.1s ease;
    -ms-transition:all 0.1s ease;
    -o-transition:all 0.1s ease;
}
ul.board_list > li:first-child a:before { background:url(../img/icon_notice.png)no-repeat 50% 50%; }
ul.board_list > li:nth-child(2) a:before { background:url(../img/icon_pr_data.png)no-repeat 50% 50%; }
ul.board_list > li:nth-child(3) a:before { background:url(../img/icon_pr_movie.png)no-repeat 50% 50%; }
ul.board_list > li a:after {
    content:'';
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    width:385px;
    height:281px;
    background-color:rgba(51, 121, 167, 0.8);
    transition:all 0.1s ease;
    -webkit-transition:all 0.1s ease;
    -moz-transition:all 0.1s ease;
    -ms-transition:all 0.1s ease;
    -o-transition:all 0.1s ease;
}
ul.board_list > li a:hover:before,
ul.board_list > li a:hover:after { opacity:1; }
ul.board_list > li:first-child a { background:url(../img/bg_notice.jpg)no-repeat; }
ul.board_list > li:nth-child(2) a { background:url(../img/bg_pr_data.jpg)no-repeat; }
ul.board_list > li:nth-child(3) a { background:url(../img/bg_pr_movie.jpg)no-repeat; }
ul.board_list > li a h5 { font-size:18px; margin-bottom:15px; color:#003f68; }


.width_bg { margin: 0 auto; width:100%; max-width: 1200px; }

/* デジタルパンフレット */
ul.main_contents li.brochure_wrap { background-color: #e9f0f5; margin-top: 70px; padding:100px 0 102px; box-sizing: border-box;}
li.brochure_wrap p.h4_desc{ margin:25px 0 12px; font-size:16px; font-weight: 500; color: #262626; text-align:center; }
a.bor_btn {float: right; border:1px solid #999999; border-radius:40px; padding:10px 35px 10px 25px; background:url(../img/btn_arrow.png)no-repeat 75px 50%; box-sizing:border-box; margin-bottom: 30px; font-size: 15px; color: #7b7b7b; }
ul.bor_list_box {width:100%; max-width: 1200px; clear: both;}
ul.bor_list_box::after {content: ''; display: table; clear: both;}
ul.bor_list_box li {width: 23.3%; float: left; margin-left: 2.267%;}
ul.bor_list_box li:first-child {margin-left:0;}
ul.bor_list_box li a {display:inline-block; width: 100%; height: auto; background-color: #fff;}
ul.bor_list_box li a img { max-width: 100%; width: 100%; display: block;}
ul.bor_list_box li a p {text-align: center; padding: 15px 0; font-weight: 500; color: #262626; position: relative;}
ul.bor_list_box li a p span {display:none; background: url(../img/icon_more.png)no-repeat right; width: 7px; height: 10px; position: absolute; top: 42%; right: 8%; }
ul.bor_list_box li a:hover p {text-align: center; padding: 15px 0; color: #fff; -webkit-transition: all 0.5s; transition: all 0.5s;  background-color:#005891;}
ul.bor_list_box li a:hover p span {display: inline-block;}



.news_wrap {padding: 110px 0 97px;}
.news_box {width:100%; max-width: 1200px;}
.news_box::after {content: ''; display: table; clear:both;}

.news_list_box {float:left; width: 50%; padding: 42px 40px; box-sizing: border-box; border: 1px solid #dadada; }

.news_list_box dt {}
.news_list_box dt::after{content: ''; display: table; clear:both;}
.news_list_box dt strong {font-size: 40px; line-height: 40px; font-weight: 700; color: #003f68; float: left;}
.news_list_box dt a { font-family:'Roboto'; text-align:right; font-weight:500; background: url(../img/btn_arrow.png)no-repeat right 50%; float: right; padding-right: 17px; line-height: 40px; font-size: 15px; color: #494949;}

.news_list_box dd {overflow: hidden; width: 100%; position: relative; padding-left: 10px; margin-top: 24px; box-sizing: border-box;}
.news_list_box dd:nth-of-type(1) { margin-top: 30px;}
.news_list_box dd::before {content: ''; display: table; background-color: #003f68; width: 3px; height: 3px; position: absolute; left:2px; top: 12px;}
.news_list_box dd a {width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; color: #494949;}

.third_list_box {float: left; width: 48%; margin-left: 2%;}
.third_list_box::after {content: ''; display: table; clear:both;}
.third_list_box li{float: left;}
li.first_list {width: 100%; height: 190px; background:url(../img/main/bg_main_production.jpg)no-repeat 50% 50% / cover;}
li.first_list a {display:inline-block; width:100%; height: 100%; padding: 52px 0 0 36px; box-sizing: border-box;}
li.first_list a span {font-size: 30px; color: #fff; font-weight: 700;}
li.first_list a em {content: ''; width:40px; height:62px; background: url(../img/main/main_btn_white.png)no-repeat right center; display: block;}
li.last_list {width: 100%; margin-top: 20px;}
li.last_list ul{}
li.last_list ul::after {content: ''; display: table; clear:both;}
li.last_list ul li {width: 48.4%; box-sizing: border-box;}
li.last_list ul li a {display: table; width: 100%; padding: 42px 27px; background-color: #f1f1f1; box-sizing: border-box;}
li.last_list ul li a span {display: inline-block; font-size: 18px; color: #3d3d3d; font-weight: 700; letter-spacing: -0.6px;}
li.last_list ul li a em {content: ''; float: right; width:22px; height:30px; background: url(../img/main/main_btn_blue.png)no-repeat right center ; vertical-align: middle;}
li.last_list ul li:first-child {}
li.last_list ul li:last-child {margin-left: 3.2%;}



/* 푸터 */
footer { position:relative; border-top:1px solid #e5e5e5; }
footer * {  font-size: 14px; line-height: 14px; color:#7c7c7c; }
footer div.footer_wrap { position:relative; max-width:1200px; width:100%; margin:0 auto; padding:52px 25px 60px; box-sizing: border-box; }
footer div.footer_wrap .footer_logo {position: absolute; width: 98px; height: 37px; left: 25px; top: 52px;}
footer div.footer_wrap .footer_logo p {display: inline-block; width: 100%; height: 100%; background: url(../img/main_logo_footer.png)no-repeat 0% 50%; text-indent: -9999px;}

footer div.address_box {margin-left: 156px;}
footer div.address_wrap { font-size:0; }
/*footer div.address_wrap address ,
footer div.address_wrap p{ display:inline; }*/
footer p.copyright,
footer div.address_wrap p.add1{margin-top: 12px;}
footer div.address_wrap p.add1 span{position: relative; display: inline-block; color: #7c7c7c;}
footer div.address_wrap p.add1 span::after{ content:''; display:inline-block; width:1px; height:12px; margin:0 14px; background:#a3a3a3; }
footer div.address_wrap p.add1 span.none:after{display: none;}
/*footer div.address_wrap p.address_call::after{ content:''; display:inline-block; width:1px; height:12px; margin:0 14px; background:#a3a3a3; }*/
/*footer div.address_wrap p:last-child { margin-right:0; }*/
/*footer div.address_wrap address:after { content:''; display:inline-block; width:1px; height:12px; margin:0 14px; background:#a3a3a3; }*/

footer div .localmenu { margin-bottom: 20px; }
footer div .localmenu li { display: inline-block; }
footer div .localmenu li + li { margin-left: 20px; }
footer div .localmenu li a { color: #a0a0a0; }
footer div .localmenu li a:hover { color: #666; }

/* 서브 페이지 공통 */
div.content_top { width:100%; }
div.bg_top01 { height:260px; background:url(../img/sub/subTitle_bg_introduction.jpg)no-repeat 0% 0%; background-size:cover; }
div.bg_top02 { height:260px; background:url(../img/sub/subTitle_bg_businessInformation.jpg)no-repeat 0% 0%; background-size:cover; }
div.bg_top03 { height:260px; background:url(../img/sub/subTitle_bg_prCenter.jpg)no-repeat 0% 0%; background-size:cover; }
div.bg_top04 { height:260px; background:url(../img/sub/subTitle_bg_customerSupport.jpg)no-repeat 0% 0%; background-size:cover; }
div.bg_top05 { height:260px; background:url(../img/sub/subTitle_bg_simin.jpg)no-repeat 0% 0%; background-size:cover; }
div.content_top h2 { max-width:1200px; width:100%; margin:0 auto; padding-top:70px; font-size:40px; font-weight:700; color:#fff; }
div.location { height:50px; border-bottom:1px solid #cccccc; }
div.location > div { position:relative; max-width:1200px; width:100%; margin:0 auto; }
div.location > div li { line-height:50px; box-sizing:border-box; }
div.location > div ul li { background:#fff; }
div.location > div > ul.lnb { position:relative; font-size:0; }
div.location > div > ul.lnb > li { display:inline-block; font-size:15px; border-right:1px solid #cccccc; vertical-align:top; box-sizing:border-box; }
div.location > div > ul.lnb > li a { display:block; width:100%;  height:100%; }
div.location > div > ul.lnb  li.on a{ color:#005891; font-weight: 700; }
div.location > div > ul.lnb > li a:hover { color:#005891; }
div.location > div > ul.lnb > li:first-child { width:50px; height:50px; padding:0; text-align:center; text-indent:-9999px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; box-sizing:border-box; background:url(../img/lnb_home.png)no-repeat 50% 50%; }
div.location > div > ul.lnb > li:first-child a { color:transparent; }
div.location > div > ul.lnb > li:not(first-child) { width:200px; }
div.location > div > ul.lnb > li > ul { display:none; border:1px solid #cccccc; box-sizing:border-box; }
div.location > div > ul.lnb > li:nth-child(2) ul { position:absolute; top:50px; left:49px; z-index:200; }
div.location > div > ul.lnb > li:nth-child(3) ul { position:absolute; top:50px; left:249px; z-index:200; }
div.location > div > ul.lnb > li > ul li { width:199px; text-indent:20px; }
div.location > div > ul.lnb > li:nth-child(3) ul li { border-left:0; }
div.location > div > ul.lnb > li.share_btn_wrap{ position:relative; float:right; width:50px; height:50px; border:none; }
div.location > div > ul.lnb > li button { width:100%; height:51px; font-weight:700; text-align:left; text-indent:20px; border-bottom:1px solid #cccccc; background:url(../img/lnb_arrow.png)no-repeat 150px 0; }
div.location > div > ul.lnb > li button span.hidden { position:absolute; color:transparent; z-index:-1; }
div.location > div > ul.lnb > li button.active { background-position: 150px -50px;}

/* 공유 버튼 */
div.article { overflow:hidden; max-width:1200px; width:100%; margin:100px auto 130px; }
div.article .content_title { display:inline-block; font-size:30px; font-weight:700; }
div#contents div.article h4 { margin-top:70px; font-size:30px; color:#005891; text-align:center; }




/* 게시판 */
.board { border-top: 2px solid #333; width: 100%; margin-top:25px; margin-bottom:85px; }
.board .list { display: table; width: 100%; border-bottom: 1px solid #e5e5e5; }
.board .list li { display: table-cell; line-height: 60px; }
.board .list li.subject { width: auto; font-size: 18px; font-weight: 400; padding-left: 30px; display: block; color: #333; }
.board .list li.subject a { font-size: 18px; line-height: 20px; height: 20px; overflow: hidden; font-weight: 400; display: block; color: #333; }
.board .list li.subject a:hover { text-decoration: underline; }
.board .list li.subject a span.notice { margin-right:10px; font-size:18px; font-weight:700; color:#005891; }
.board .list li.btns { text-align: right; }
.board .list li.btns a { display: inline-block; border: 1px solid #bbb; line-height: 38px; width: 105px; text-align: center; }
.board .list li.btns a.list-file:before { display: inline-block; width: 12px; height: 12px; margin-right: 10px; background: url(../img/ico_file.png) no-repeat center; background-size: contain; content: ""; }
.board .list li.btns a.list-file.brochure { width: 300px; }
.board .list li.btns a.new-win:after { display: inline-block; width: 11px; height: 11px; margin-left: 10px; background: url(../img/footer_ico_newwin.png) no-repeat center; background-size: contain; content: ""; }
.board .list li.btns.col2 { width: 240px; }
.board .list li.btns.brochure { padding-right: 25px; }
.board .list li.btns.brochure a.list-file { width: 300px; margin: 0 2px; }

.board .list li.date { width: 110px; text-align: right; padding-right: 30px; font-size:15px; color:#666; }
.board .board-view-top { padding: 40px 0; border-bottom: 1px solid #e5e5e5; }
.board .board-view-top .title { font-size: 26px; color: #333; text-align: center; font-weight: 700; margin-bottom: 20px; }
.board .board-view-top .date { text-align: center; }
.board .board-view-con { padding: 40px; }
.board .file-wrap { border-top: 1px solid #e5e5e5; border-bottom: 2px solid #333; }
.board .file-wrap ul { display: table; line-height: 60px; width: 100%; }
.board .file-wrap ul li { display: table-cell; }
.board .file-wrap ul li.key { width: 15%; text-align: center; color: #333; font-weight: 700; }
.board .file-wrap ul li.value { width: 85%; }
.board .file-wrap ul li.value a.file { background: url(../img/btn_file.png) no-repeat 0 8px; color: #005891; line-height: 28px; padding-left: 20px; display: inline-block; }
.board .bottom { margin-top: 50px; border-top: 1px solid #e5e5e5; }
.board .bottom ul { border-bottom: 1px solid #e5e5e5; }
.board .bottom ul:after { content: ""; display: block; clear: both; }
.board .bottom ul li { line-height: 60px; float: left; }
.board .bottom ul li.key { width: 130px; font-weight: 700; padding-left: 60px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.board .bottom ul li.link { width: calc(100% - 130px); }
.board .bottom ul li.link a { display: block; color: #333; width: 100%; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis; }
.board .bottom ul li.link a:hover { text-decoration: underline; }
.board .bottom ul.prev .key { background: url(../img/prev_arrow.png) no-repeat 0 0; background-size: contain; }
.board .bottom ul.next .key { background: url(../img/next_arrow.png) no-repeat 0 0; background-size: contain; }
.board .btn-wrap { text-align: right; }
.board .btn-wrap a { text-align: center; }
.board-search_right .input-wrap { display: inline-block; border: 1px solid #ccc; margin-left: 6px; vertical-align: middle; }
.board-search_right .input-wrap:after { content: ""; display: block; clear: both; }
.board-search_right .input-wrap input[type="text"] { float: left; width: 295px;  height: 45px; padding-left:20px; line-height: 45px; border: none; box-sizing:border-box; font-size: 14px; color: #666; }
.board-search_right .input-wrap .btn-search { background: url(../img/btn_search.png) no-repeat 0 50%; background-size: contain; width: 43px; height: 43px; float: right; text-indent: -9999px; }
.board-view-con div.iframe_wrap iframe { width:100%;  height:620px!important; }

/* 기간 선택 */
.board-search_right { text-align: right; margin-top:0; margin-bottom: 50px; }
.board-search_right select { vertical-align: middle; width: 150px; }
.board-search_right .date_pick {
    overflow:hidden;
    visibility:hidden;
    display:inline-block;
    width:0;
    margin-left:0px;
    vertical-align:middle;
    white-space: nowrap;
    transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}
.board-search_right .date_pick.active { visibility:visible; width:297px; margin-left:6px }
.board-search_right .date_pick input[type="text"] { width:130px; height:45px; line-height:45px; padding-left:20px; border:1px solid #ccc; box-sizing:border-box; }
.board-search_right .date_pick span { display:inline-block;  margin:0 10px; }
div#ui-datepicker-div { display:none; width:300px; padding-bottom:20px; text-align:center; border:1px solid #005891; background:#fff; }
div#ui-datepicker-div div.ui-datepicker-header { height:40px; padding:0 10px; line-height:40px; background:#005891; }
div#ui-datepicker-div div.ui-datepicker-header span { color:#fff; }
div#ui-datepicker-div a.ui-datepicker-prev,
div#ui-datepicker-div a.ui-datepicker-next { position:relative; display:inline-block; width:30px; height:30px; margin-top:5px; cursor:pointer; }
div#ui-datepicker-div a.ui-datepicker-prev:before,
div#ui-datepicker-div a.ui-datepicker-prev:after,
div#ui-datepicker-div a.ui-datepicker-next:before,
div#ui-datepicker-div a.ui-datepicker-next:after { position:absolute; content:''; display:inline-block; width:18px; height:5px; border-radius:5px; background:#fff; }
div#ui-datepicker-div a.ui-datepicker-prev:before,
div#ui-datepicker-div a.ui-datepicker-next:after {
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    }
div#ui-datepicker-div a.ui-datepicker-prev:after,
div#ui-datepicker-div a.ui-datepicker-next:before {
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
}
div#ui-datepicker-div a.ui-datepicker-prev:before { top:6px; left:0;}
div#ui-datepicker-div a.ui-datepicker-prev:after { bottom:9px; left:0;}
div#ui-datepicker-div a.ui-datepicker-next:before { top:6px; right:0;}
div#ui-datepicker-div a.ui-datepicker-next:after { bottom:9px; right:0;}

div#ui-datepicker-div a.ui-datepicker-prev span,
div#ui-datepicker-div a.ui-datepicker-next span { overflow:hidden; display:inline-block; width:1px; height:1px; font-size:1px; color:transparent; }
div#ui-datepicker-div a.ui-datepicker-prev { float:left; }
div#ui-datepicker-div a.ui-datepicker-next { float:right; }
div.ui-datepicker-title { text-align:center; color:#fff; }
table.ui-datepicker-calendar { width:270px; margin:20px auto 0; padding:5px; }
table.ui-datepicker-calendar span[title='Saturday'] { color:#005891; }
table.ui-datepicker-calendar span[title='Sunday'] { color:red; }
a.ui-state-default { display:inline-block; width:35px; height:35px; margin:5px; padding:5px; border:1px solid #005891; border-radius:50%; box-sizing:border-box; }
a.ui-state-active { background:#005891; color:#fff; }

/* paging */
#paging { width: 100%; text-align: center; }
#paging .wrap { display: inline-block; }
#paging a { display: inline-block; width: 40px; height: 40px; vertical-align: middle; line-height: 40px; text-align: center; font-size: 14px; }
#paging a.on { color: #005891; border: 1px solid #005891; font-weight: 700; border-radius: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#paging a.ll { background: url(../img/page_ll.png) no-repeat center center; text-indent: -9999px; }
#paging a.l { background: url(../img/page_l.png) no-repeat center center; text-indent: -9999px; }
#paging a.r { background: url(../img/page_r.png) no-repeat center center; text-indent: -9999px; }
#paging a.rr { background: url(../img/page_rr.png) no-repeat center center; text-indent: -9999px; }

/* brochure */
.brochure_content {width: 100%; max-width: 1200px; margin: 115px 0 85px; border-top: solid 2px #333333;}
.bro_box {width: 100%; padding: 27px 0; border-bottom: solid 1px #dedede; box-sizing: border-box;}
.bro_box::after {content: ''; display: table; clear: both;}
.bro_box > li {float: left; box-sizing: border-box;}
.bro_box > li:nth-of-type(1) { width: 13.3%;}
.bro_box > li:nth-of-type(2) { width: 52.5%; margin-left: 2.2%; }
.bro_box > li:nth-of-type(3) { width: 16%; margin-left: 10%;}

.bro_img img { width: 158px; max-width: 100%; }
.bro_text strong { display: block; padding: 36px 0 26px; font-size: 20px; color: #222; font-weight: 500; }
.bro_text span { display: inline-block; font-size: 15px; color: #727272; word-break: break-all; } 
.bro_btn { padding-top: 90px; }
.bro_btn a { font-size: 15px; font-weight: 700; color: #666;  display: inline-block; border: 1px solid #bfbfbf; line-height: 38px; width: 100%; text-align: center; }
.bro_btn a::before { display: inline-block; width: 12px; height: 12px; margin-right: 10px; background: url('../img/ico_file.png') no-repeat center; background-size: contain; content: ""; }

/* tab */
.tab { margin-top: 60px; }
.tab .selected { display: none; }
.tab ul { display: table; border: 1px solid #e5e5e5; width: 25%; }
.tab ul li { display: table-cell; width: 10%; border-right: 1px solid #e5e5e5; vertical-align: middle; }
.tab ul li:last-child { border-right: none; }
.tab ul li a { display: block; line-height: 22px; text-align: center; font-size: 16px; padding: 15PX 0; }
.tab ul li a.lh44 { line-height: 44px; }
.tab ul li.on a { background: #005891; color: #fff; }
.tab.multi ul { display: block; border: none; }
.tab.multi ul:after { content: ""; display: block; clear: both; }
.tab.multi ul li { border: 1px solid #e5e5e5; border-top: none; border-left: none; display: block; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; }
.tab.multi ul li:first-child { border-left: 1px solid #e5e5e5; }
.tab.multi ul li:nth-child(4n+1) { border-left: 1px solid #e5e5e5; }
.tab.multi ul li:nth-child(1), .tab.multi ul li:nth-child(2), .tab.multi ul li:nth-child(3), .tab.multi ul li:nth-child(4) { border-top: 1px solid #e5e5e5; }
.tab.history { height: 75px; }
.tab.history li { height: 75px; }

/* 관계회사 */
.content_affiliated { width: 100%; max-width: 1200px; margin-top: 60px;}
.affi_title h3 {font-size: 26px; font-weight: 700; color: #333333; }
.affi_title p {font-size: 15px; font-weight: 500; color: #3e3e3e; margin-top: 30px;}

.affi_wrap { margin-top: 45px; width:100%; }
.affi_box { border-top: solid 2px #333; padding: 45px 0 80px;}
.affi_contents:first-child { padding-bottom: 30px; border-bottom: 1px solid #dedede; }
.affi_contents:last-child { padding-top: 33px; }
.affi_contents ul::after { content: ''; display: table; clear: both; }
.affi_contents ul li {float: left;}
.affi_contents ul li:nth-of-type(1) { width:26.7%; }
.affi_contents ul li:nth-of-type(2) { width:70%; margin-left: 3.3%;}
.affi_con_left span { display: inline-block; margin-top: 45px;}
.affi_con_left span.affi_mobile { display: none; }
.affi_con_left span.affi_img { margin-top: 0; }
.affi_con_left span img {width: 100%; max-width: 100%;}
.affi_con_right strong {display:block; font-size: 28px; line-height: 28px; font-weight: 700; color: #333;}
.affi_con_right em {display:block; font-size: 20px; font-weight: 700; color: #005793; font-style: normal; margin: 28px 0 18px;}
.affi_con_right em.affi_text {margin: 15px 0 18px;}
.affi_con_right span {display:inline-block; font-size: 15px; color: #666; word-break: break-all;}

.affi_contents dl::after { content: ''; display: table; clear: both; }
.affi_contents dl { padding: 30px 40px; box-sizing: border-box; background-color: #f5f5f5; margin-top: 38px;}
.affi_contents dl dt { float:left; width: 18%; font-size: 15px; font-weight: 700; color: #333;}
.affi_contents dl dd { float: left; }
.affi_contents dl dd em {font-size: 15px; font-weight: 700; color: #333; font-style: normal;}
.affi_contents dl dd span {font-size: 15px; color: #666; letter-spacing: -0.3px; margin-left: 15px;}
.affi_contents dl dd:nth-of-type(1) {width: 36%;}
.affi_contents dl dd:nth-of-type(2) {width: 16%;}
.affi_contents dl dd:nth-of-type(3) {width: 30%;}


/* table */
.content_customer { margin-top: 58px; }

table { border-top: 2px solid #333; width: 100%;}
col.h1{width: 200px;}
table tr.thead th,
table th { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding: 23px 40px; color: #333; font-weight: 700; background: #f5f5f5; vertical-align: middle; text-align: center; line-height: 22px; font-size: 15px; }
table.pa2 th,table.pa2 td{padding: 15px 20px; }
table tbody.ta-l td,table tbody.ta-l th{text-align: left; padding: 15px 20px;}
table tbody th { background: none; box-sizing: border-box;}
table tbody th.bg { background: rgba(0, 88, 145, 0.08); }
table tbody th.left { text-align: left; }
table tbody th.bdl0{border-right: 0;}
table td { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding: 20px 15px; vertical-align: middle; text-align: center; line-height: 24px; box-sizing: border-box; font-size: 15px; color: #666;}
table td .stroke { line-height: 43px; border: 1px solid #005891; color: #005891; font-weight: 700; padding: 0 30px; float: right; }
table td.bg { background: rgba(0, 88, 145, 0.08); }
table td.title { text-align: left; font-weight: 700; color: #333; }
table td.left { text-align: left; padding: 20px 30px; }
table th:last-child, table td:last-child { border-right: none; }
table th.boR, table td.boR { border-right: 1px solid #e5e5e5; }
table td.bdright { border-right: 1px solid #e5e5e5; }
table tfoot td { background: rgba(0, 88, 145, 0.08); }
table caption { font-size: 0; height: 0; line-height: 0; width: 0; overflow: hidden; }

table.cusTable td { text-align: left; padding: 25px 30px; }
table.cusTable td:nth-child(4) { padding: 25px 40px; }
table.cusTable td:nth-child(5) { text-align: left; padding: 25px 40px; }

table.cusTable2 th {padding: 23px 10px;}
table.cusTable2 td { text-align: left; padding: 25px 20px; }
table.cusTable2 td.center { text-align: center; padding: 25px 30px; }
table.cusTable2 td.line2 { padding: 25px 40px; }
table.cusTable2 td.line5 { padding: 25px 40px; }

table.row th { background: #f5f5f5; }
table.row td { text-align: left; padding: 20px 40px; }
table.row td.line3 { padding: 30px 50px; }



/* 특장점 */
.feat_tit {margin-top: 25px;}
.feat_tit li {text-align: left; font-size: 17px; color: #565656; letter-spacing: -0.5px;}
.feat_tit li:last-child {margin: 45px 0 140px;}
div.features_wrap { font-size:0; max-width:1200px; width:100%; margin:25px auto 0; text-align:center; font-size:0; }
div.features_wrap dl { display:inline-block; width:560px; height:520px; margin-right:80px; margin-bottom:115px; box-sizing:border-box; vertical-align:top; word-break: break-all; }
div.features_wrap dl:nth-child(even) { margin-right:0; }
div.features_wrap dl:nth-child(5),
div.features_wrap dl:nth-child(6) { margin-bottom:0; }
div.features_wrap dl dt { height:370px; padding:150px 100px ; font-size:26px; color:#fff; letter-spacing:-1px; box-sizing:border-box; }
div.features_wrap dl:first-child dt { background:url(../img/sub/businessInformation/formation_01.jpg)no-repeat 50% 50%; }
div.features_wrap dl:nth-child(2) dt { background:url(../img/sub/businessInformation/formation_02.jpg)no-repeat 50% 50%; }
div.features_wrap dl:nth-child(3) dt { background:url(../img/sub/businessInformation/formation_03.jpg)no-repeat 50% 50%; }
div.features_wrap dl:nth-child(4) dt { background:url(../img/sub/businessInformation/formation_04.jpg)no-repeat 50% 50%; }
div.features_wrap dl:nth-child(5) dt { background:url(../img/sub/businessInformation/formation_05.jpg)no-repeat 50% 50%; }
div.features_wrap dl:nth-child(6) dt { background:url(../img/sub/businessInformation/formation_06.jpg)no-repeat 50% 50%; }
div.features_wrap dl dd { position:relative; top:-70px; width:450px; height:220px; margin:0 auto; padding:58px 60px; font-size:17px; letter-spacing: -0.5px; color: #666; line-height:23px; text-align:left;  background:#f5f5f5; box-sizing:border-box; }

/* 회사소개 */
.content_introduction { margin-top: 60px; }
.overview-top {padding: 80px 0; text-align: center; background: url(../img/sub/introduction/intro1.jpg) no-repeat top right/cover; box-sizing: border-box;}
.overview-top .title { display: inline-block; margin: 0 auto; width: 760px; background: rgba(0, 88, 145, 0.7); color: #fff; font-size: 30px; line-height: 40px; letter-spacing: -1px; font-weight: 700; padding: 70px 20px 70px 40px; box-sizing: border-box;}
div#contents div.content_introduction > h4 {font-size: 26px; font-weight: 700; color: #333; margin: 60px 0 30px; text-align: left;}  

/* 연혁 */
.content_history {margin-top: 60px;}
.content_history p {letter-spacing: -0.2px; font-size: 17px; color: #565656;}
div.histoy_wrap { position:relative; width:100%; height:905px; margin:115px auto 0; font-size:0; background:url(../img/sub/introduction/bg_history.png)no-repeat 50% 50%; }
div.histoy_wrap dl { position:absolute; top:0; left:0; display:inline-block; z-index:-1; }
div.histoy_wrap dt { color:#005891; font-size:15px; font-weight:500; color:transparent; }
div.histoy_wrap dd { font-size:15px; color:transparent; }

/* ceo 인사말 */
.content_CEO {margin-top: 48px;}
.content_CEO dl dt span img {width: 100%; max-width: 100%;}
.ceo_pc {display: block}
.ceo_m {display: none;}
.content_CEO dl dd {font-size: 17px; color: #565656; margin-top: 35px;}

/* vision */
.content_vision > h5.vis_tit {margin-bottom: 42px; font-size: 26px; font-weight: 700; color: #333;}
.content_vision dl {max-width: 950px; margin: 0 auto;}
.content_vision dl dt img { width: 100%; max-width: 100%;}
.content_vision dl dd {padding: 30px 0 85px; color: #666; font-size: 17px;}
.vis_pc {display: block;}
.vis_m {display: none;}

.vis_textBox {margin-top: 100px;}
.vis_textBox p { font-size: 26px; color: #333; font-weight: 700; margin-bottom: 50px;}
.vis_textBox ul li { margin-bottom: 30px; width: 100%;}
.vis_textBox ul li::after {content: ''; display: table; clear: both;}
.vis_textBox ul li:last-child { margin-bottom: 0px; }
.vis_textBox ul li strong {display: inline-block; font-size: 20px; color: #3e3e3e;}
.vis_textBox ul li span {float:left; font-size: 20px; color: #666; width: 98.5%;}
.vis_textBox ul li em {float:left; vertical-align: top; font-size: 20px; color: #666; width: 1.5%;}

/* 윤리경영 */
.content_ethics {margin-top: 60px;}
.eth_textBox {}
.eth_textBox > h5 { margin-bottom: 50px; font-size: 26px; font-weight: 700; color: #333; text-align: left;}
.eth_textBox > h6 {font-size: 20px; font-weight: 700; color: #005793; margin-bottom: 28px;}
.eth_textBox dl {}
.eth_textBox dl dt { font-size: 20px; font-weight: 700; color: #005793; margin-bottom: 28px;}
.eth_textBox dl dd { font-size: 15px; font-weight: 500; color: #3e3e3e; margin-bottom: 75px; letter-spacing: -0.8px; line-height: 30px;}
.eth_textBox p {font-size: 15px; font-weight: 500; color: #005793; margin-bottom: 15px;}
.eth_textBox .eth_cB {font-weight: 500; color: #3e3e3e;}
.eth_textBox ul {margin-bottom: 40px;}
.eth_textBox ul.eth_left {margin-left: 8px;}
.eth_textBox ul.eth_left2 {margin-left: -8px; font-weight: normal; margin-bottom: 20px;}
.eth_textBox ul li {font-size: 15px; color: #666; line-height: 30px; list-style: decimal; margin-left: 17px;}
.eth_textBox ul li.eth_not {list-style: none;}
.eth_textBox ul li.eth_not::before {content: '-'; display: inline-block; margin-left: -8px; width: 8px;}
.eth_textBox ul li.eth_not2 {list-style: none; margin-left: 0;}

/* 190426 add */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .eth_textBox ul li {font-size: 15px; color: #666; line-height: 30px; list-style: decimal; margin-left: 21px;}
}

/* 조직도 */
.content_organization {margin-top: 60px;}
.content_organization p img {max-width: 100%; width: 100%;}
.content_organization p .org_pc {display: block;}
.content_organization p .org_m {display: none;}

/* 소재지 */
.map_tab > .tab { margin-top: 60px; }
.map_tab > .tab .selected { display: none; }
.map_tab > .tab ul { display: table; border: 1px solid #e5e5e5;  width: 100%; box-sizing: border-box; }
.map_tab > .tab ul li { display: table-cell; width: 10%; border-right: 1px solid #e5e5e5; }
.map_tab > .tab ul li:last-child { }
.map_tab > .tab ul li a { display: block; line-height: 22px; text-align: center; font-size: 16px; padding: 15PX 0; height: 100%; }
.map_tab > .tab ul li.on a { background: #005891; color: #fff; font-weight: 700;}

.map_tab.n3 > .tab ul{border-bottom: 0;}
.map_tab.n3 > .tab ul li{width: 33.3332%; float: left;  box-sizing: border-box; border-bottom: 1px solid #e5e5e5;}

.content_map {margin-top: 60px;}
.content_map p {font-size: 16px; font-weight: 700; color: #333;}

.map_conBox {margin-top: 30px; width: 100%;}
ul.map_top {padding: 40px 0 30px; box-sizing: border-box; border-top: 2px solid #333; border-bottom: 1px solid #dedede;}
ul.map_top::after {content: ''; display: table; clear: both;}
ul.map_top > li {float: left; line-height: 30px;}
ul.map_top > li:nth-of-type(1) {font-size: 20px; font-weight: 700; color: #005793;}
ul.map_top > li:nth-of-type(2) {margin-left: 158px; font-size: 15px; font-weight: 700; color: #333;}
ul.map_top > li:nth-of-type(3) {margin-left: 50px;}
ul.map_top > li ul li {font-size: 15px; color: #666;}

ul.map_bottom {padding: 40px 0 50px; box-sizing: border-box; border-bottom: 1px solid #dedede;}
ul.map_bottom::after {content: ''; display: table; clear: both;}
ul.map_bottom > li {float: left;}
ul.map_bottom > li img {width: 100%; max-width: 100%;}
ul.map_bottom > li:nth-of-type(1) {margin-left: 185px; background: url(../img/sub/introduction/map_icon_subway.png) no-repeat left 50%; height: 74px; width: 74px; background-size: contain;}
ul.map_bottom > li:nth-of-type(2) {margin-left: 50px; font-size: 15px; font-weight: 700; color: #005793; margin-bottom: 19px;}
ul.map_bottom > li ul {margin-top: 8px;}
ul.map_bottom > li ul li {font-size: 15px; line-height: 22px; color: #666; font-weight: 400;}

div.map_cs {margin: 40px 0 45px; }
div.map_cs > ul::after {content: ''; display: table; clear: both;}
div.map_cs > ul {width: 100%; padding: 26px 40px; background-color: #f5f5f5; box-sizing: border-box; }
div.map_cs > ul > li {float: left; line-height: 30px; font-size: 15px; color: #666;}
div.map_cs > ul > li strong {font-size: 15px; font-weight: 700; color: #333; margin-right: 20px;}
div.map_cs > ul > li:nth-of-type(1) {background: url(../img/icon_phone.jpg) no-repeat left 50%; height: 32px; width: 32px; background-size: contain;}
div.map_cs > ul > li:nth-of-type(2) {margin-left: 30px;}
div.map_cs > ul > li:nth-of-type(3) {margin-left: 40px;}

#map_canvas,
#map_canvas2 {width: 100%; height: 500px;}

div.content_map > a.map_btn {float: right; margin-top: 40px; font-size: 15px; color: #333; border: 1px solid #999999; border-radius: 50px; padding: 13px 48px 13px 35px; background: url(../img/btn_arrow.png)no-repeat 85px 50%; box-sizing: border-box;}

/* 서비스 */
.content_service {margin-top: 60px;}
.content_service p {text-align:center; letter-spacing: -0.5px; font-size: 26px; font-weight: 500; color: #fff; padding: 100px 240px 70px; background:url(../img/sub/businessInformation/service_bg.jpg)no-repeat 50% 50%; box-sizing: border-box;}
.content_service dl {margin-top: 70px;}
.content_service dl dt {font-size: 26px; font-weight: 500; color: #222;}
.content_service dl dd {font-size: 15px; color: #666; letter-spacing: -0.3px; margin-top: 30px;}
.content_service dl dd:first-child {margin-top: 35px;}

/* 190424 추가 */
.content_service > dl dd img {width: 100%; max-width: 100%;}
.ser_pc {display: block;}
.ser_m {display: none;}

/* 산업 */
.content_industry {margin-top: 25px;}
.content_industry p {margin-bottom: 110px; font-size: 17px; color: #565656;}
.ind_box {width: 100%; height: 470px;}
.ind_box:last-child {margin-top: 100px;}
.ind_box ul::after {content: ''; display: table; clear: both;}
.ind_box ul li.ind_text strong {font-size: 26px; font-weight: 700; color: #333; display: block; }
.ind_box ul li.ind_text span {font-size: 16px; margin-top: 25px; color: #666; display: inline-block;}
.ind_box ul li img {width: 100%; max-width: 100%;}
.ind_box .ind_list01 {position: relative;}
.ind_box .ind_list01 li:nth-of-type(1) {position: absolute;}
.ind_box .ind_list01 li:nth-of-type(2) {position:absolute; right:0; top: 60px; width:653px; background-color: #f4f4f4; box-sizing: border-box; padding: 85px 50px 120px 170px; z-index: -99; margin-top: 25px;}
.ind_box .ind_list02 {position: relative;}
.ind_box .ind_list02 li:nth-of-type(1) {position: absolute; right: 0;}
.ind_box .ind_list02 li:nth-of-type(2) {position:absolute; left:0; top: 60px; width:653px; background-color: #f4f4f4; box-sizing: border-box; padding: 85px 170px 120px 50px; z-index: -99; margin-top: 25px;}

/* 구매 */
.content_buy > p {font-size: 17px; color: #666; margin-top: 25px;}
.content_buy > ul {margin-top: 115px;}
.content_buy > ul li {font-size: 26px; color: #333; font-weight: 700; }
.content_buy > ul li:first-child {margin-bottom: 55px;}
.content_buy > ul li.buy_m {display: none;}
.content_buy > ul li.buy_pc {display: block;}
.content_buy > ul li:last-child {margin-top: 55px;}
.content_buy > ul li img {width: 100%; max-width: 100%;}
div.content_buy div.slideBox > p {font-size: 26px; color: #333; font-weight: 700; margin: 145px 0 55px;}
div.content_buy div.bx-wrapper {position: relative;}
div.content_buy div.bx-wrapper div.bx-controls {position: absolute; bottom: 135px; width: 80%; left: 50%; transform: translateX(-50%); z-index: 99; box-sizing: border-box; padding: 0 20px;}
div.content_buy div.bx-wrapper div.bx-controls div.bx-controls-direction a {text-indent: -9999px; display: inline-block; width: 28px; height: 11px;}
div.content_buy div.bx-wrapper div.bx-controls div.bx-controls-direction a.bx-prev {background:url(../img/sub/businessInformation/buy_icon_btn01.png)no-repeat left center; float: left;}
div.content_buy div.bx-wrapper div.bx-controls div.bx-controls-direction a.bx-next {background:url(../img/sub/businessInformation/buy_icon_btn02.png)no-repeat left center; float: right;}
div.content_buy div.bx-wrapper div.bx-viewport {height: 605px !important;}

.sliderBuy {height: 550px; max-width: 100%;}
.slide_B01 {background:url(../img/sub/businessInformation/buy_img_01.jpg)no-repeat 75% 0%;}
.slide_B02 {background:url(../img/sub/businessInformation/buy_img_02.jpg)no-repeat 75% 0%;}
.slide_B03 {background:url(../img/sub/businessInformation/buy_img_03.jpg)no-repeat 75% 0%;}

div.buy_box { position:relative; height:100%;}
div.buy_box div.buy_slide_text { display:none; position:absolute; bottom:-30px; left: 50%; width:80%; transform: translateX(-50%); z-index:200; box-sizing:border-box; background-color: #f8f8f8; }
div.buy_box div.buy_slide_text.active-text { display:block; }
div.buy_box div.buy_slide_text > h5 { text-align: center; font-size: 19px; font-weight: 500; color: #333; line-height: 50px; background-color: #fff; margin-bottom: 16px;}
div.buy_box div.buy_slide_text > p {text-align: center; padding: 0 20px; height: 75px; background-color: #f8f8f8; font-size: 15px; color: #6f6f6f; }
div.buy_box div.buy_slide_text > p.buy_size {padding: 0px 20px 38px; }

.buy_itemBox {margin-top: 115px;}
.buy_itemBox::after {display: table; content: ''; clear: both;}
.buy_itemBox > p {font-size: 26px; color: #333; font-weight: 700;}
.buy_itemBox > ul {margin-top: 55px; width: 100%;}
.buy_itemBox > ul {float: left; width: 49.5%;}
.buy_itemBox > ul:last-child {margin-left: 1%;}
.buy_itemBox > ul::after {display: table; content: ''; clear: both;}
.buy_itemBox > ul li {text-align: center; float: left; width: 49%; margin-left: 2%; padding: 135px 10px 130px; box-sizing: border-box;}
.buy_itemBox > ul li:first-child {margin-left: 0;}
.buy_itemBox > ul li.buy_item01 {background:url(../img/sub/businessInformation/buy_item_01.jpg)no-repeat center center / cover;}
.buy_itemBox > ul li.buy_item02 {background:url(../img/sub/businessInformation/buy_item_02.jpg)no-repeat center center / cover; letter-spacing: -0.5px;}
.buy_itemBox > ul li.buy_item03 {background:url(../img/sub/businessInformation/buy_item_03.jpg)no-repeat center center / cover;}
.buy_itemBox > ul li.buy_item04 {background:url(../img/sub/businessInformation/buy_item_04.jpg)no-repeat center center / cover;}
.buy_itemBox > ul li strong {display: block; font-size: 19px; font-weight: 500; color: #fff;}
.buy_itemBox > ul li strong::after {content:''; display: block; width: 37px; height: 2px; background-color: #fff; margin: 40px auto 32px; text-align: center; }
.buy_itemBox > ul li span {display: block; font-size: 15px; color: #fff;}

/* Tablet */
@media all and (min-width:768px) and (max-width:1299px){
.web { display:block; }
.web2 { display:none; }
.tablet { display:block; }
.mobile { display:none; }
a.view_more { font-family:'Roboto'; display:block; width:125px; font-size:13px;  box-sizing:border-box; background-position:100px 50%; }
div.iframe_wrap iframe { width:100%!important; height:100%!important; }

.ribbon .input { top:3px; right:55px; margin-right:0; }
.ribbon .input label { font-size: 12px; }
.ribbon button { width: 14px; height: 15px; margin-right:0; right: 15px; top: 10px; background-size: contain; }


header.container { top:80px; height:70px; }
header div.gnb_wrap { height:70px; }
header.container h1 { display:block; width:208px; height:70px; margin-left:20px; }
header.container h1:nth-child(2) { display:none; }
header.container h1 a { background-size:65px 29px; }


a#site_map_btn { display:none; }
div#gnb .menu{ display:none; }
a.all_menu_btn { overflow:hidden; display:block; position:absolute; top:30px; right:20px; width:20px; height:15px; color:transparent; }
a.all_menu_btn.active { display:none; }
a.all_menu_btn span { display:block; width:20px; height:3px; margin-top:3px; background:#000; text-indent:-500px; }
a.all_menu_btn:before { position:relative; top:0px; content:''; display:block; width:20px; height:3px; background:#000; }
a.all_menu_btn:after { content:''; display:block; position:relative; bottom:-3px; width:20px; height:3px; background:#000; }

div.article { padding:0 20px; box-sizing:border-box; }
div.all_menu_wrap { position:relative; top:0px; width:390px!important; margin-left:calc(100% - 390px); padding:0; box-sizing:border-box; }
div.all_menu_wrap ul.all_menu { padding-left:0; }
div.all_menu_wrap ul.all_menu > li { text-indent:20px; border-bottom:1px solid #e5e5e5; }
div.all_menu_wrap button.all_menu_close { top:-45px; right:20px; }
div.all_menu_wrap ul.all_menu > li { width:100%; line-height:45px; }
div.all_menu_wrap ul.all_menu > li > a { background:url(../img/icon_mobile_1depth.png)no-repeat right top; background-size:45px; }
/*div.all_menu_wrap ul.all_menu > li:nth-child(4) > a,
div.all_menu_wrap ul.all_menu > li:nth-child(5) > a { background:none; }*/
div.all_menu_wrap ul.all_menu > li > a.mobile { display:block; }
div.all_menu_wrap ul.all_menu > li > a.on { background:url(../img/icon_mobile_1depth.png)no-repeat right bottom; background-size:45px; }
div.all_menu_wrap ul.all_menu > li ul.depth_2 { display:none; margin-top:0; background:#f5f5f5; }
div.all_menu_wrap ul.all_menu > li ul.depth_2 li { margin-left:0; height:45px; line-height:45px; text-indent:35px; border-bottom:1px solid #e5e5e5; }
div.all_menu_wrap ul.all_menu > li ul.depth_2 li:first-child { border-top:1px solid #e5e5e5; }
div.all_menu_wrap ul.all_menu > li ul.depth_2 li:last-child { border-bottom:none; }
div.all_menu_wrap ul.all_menu > li ul.depth_2 li a { font-size:13px; }

/**************************/
/** indexPage **/

/* Visual */
div.main_visual { height:calc(100vh - 60px); }
ul.imgBox li h3 { left:12%; font-size:40px; }

/* 브로슈어 */
ul.main_contents li.brochure_wrap { padding:100px 20px 102px; }

/* news board */
.news_wrap {padding: 110px 20px 97px;}
.news_list_box {float:none; width: 100%;}
.third_list_box {float: none; width: 100%; margin-left: 0%; margin-top: 20px;}

/******************************/

div#contents,
div#contents.scroll { padding-top:70px; }
div.contents div.main_contents h4 { font-size:30px; }
div.contents div.main_contents p.h4_desc { margin:15px 0 30px; font-size:15px; letter-spacing:-0.5px; }
li.features_wrap { margin:70px 0; padding:0 25px; box-sizing:border-box; }
li.features_wrap ul.features li,
li.features_wrap ul.features li.on { width:calc(50% - 10px); height:225px; margin-right:15px; margin-bottom:15px; padding:50px 25px 30px; background-size:cover!important; }
li.features_wrap ul.features li:nth-child(even) { margin-right:0; }
li.features_wrap ul.features li:nth-child(3),
li.features_wrap ul.features li:nth-child(4) { margin-bottom:0; }
li.features_wrap ul.features li strong { font-size:18px; }
li.features_wrap ul.features li strong:before { display:none; }
li.features_wrap ul.features li p.desc { display:none; }
li.features_wrap ul.features li a.view_more { opacity:1; }

li.info_box div.construction_slide_wrap { left:0; width:100%; margin:0; }
li.info_box ul.construction { margin-left:0; }
li.info_box div.info_slide_text { width:400px; height:250px; left:0; }
li.info_box > div.info_slide_text h5 { margin-bottom:40px; }
li.info_box ul.construction li.active-slide { width:100vw!important; }
li.info_box div.bx-pager { margin:40px auto 0; }

li.board_wrap { margin:60px auto; padding:0 25px; box-sizing:border-box; }
ul.board_list > li { width:calc(32% - 5px); margin-right:20px; }
ul.board_list > li > a { padding-top:190px; font-size:14px; }
ul.board_list > li a h5 { margin-bottom:10px; font-size:14px; }
ul.board_list > li a:after { display:none; }
ul.board_list > li:first-child a,
ul.board_list > li:nth-child(2) a,
ul.board_list > li:nth-child(3) a { background-size:100% 180px; }
ul.board_list > li:first-child a:before,
ul.board_list > li:nth-child(2) a:before,
ul.board_list > li:nth-child(3) a:before { top:50px; left:50%; margin-left:-35.5px; }

/* 푸터 */
footer div.footer_wrap { padding:20px 20px 40px; }
footer div.footer_wrap .footer_logo {display: none;}
footer div.address_box {margin-left: 0px;}
footer div.address_wrap p.address_call::after{ display:none; }


/* 서브 페이지 공통 */
div.bg_top01,
div.bg_top02,
div.bg_top03,
div.bg_top04,
div.bg_top05 { padding:0 25px; }


/* 특장점 */
div.features_wrap { margin-top:50px; }
div.features_wrap dl { display:inline-block; width:100%; height:auto; margin-right:0; margin-bottom:0; }
div.features_wrap dl:nth-child(even) { margin-right:0; }
div.features_wrap dl:nth-child(5),
div.features_wrap dl:nth-child(6) { margin-bottom:0; }
div.features_wrap dl dt { height:auto; padding:70px 50px 100px; }
div.features_wrap dl:first-child dt,
div.features_wrap dl:nth-child(2) dt,
div.features_wrap dl:nth-child(3) dt,
div.features_wrap dl:nth-child(4) dt,
div.features_wrap dl:nth-child(5) dt,
div.features_wrap dl:nth-child(6) dt { background-size:100% auto; }
div.features_wrap dl dd { width:90%; height:auto; padding:45px 30px; }


/* 게시판 */
.board .list { display: block; padding-top: 20px; padding-bottom: 20px; }
.board .list li { display: block; line-height: 20px; border-bottom: none; }
.board .list li.subject { width: 100%; padding-left: 20px; padding-right: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.board .list li.subject a { font-size: 15px; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis; }
.board .list li.subject a span.notice { font-size:15px; }
.board .list li.btns { text-align: center; width: 100%; padding: 0 15px 10px; margin-top: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.board .list li.btns a { line-height: 33px; width: 100%; }
.board .list li.btns.col2 { height: 45px; width: 100%; }
.board .list li.btns.col2 a { width: calc((100% / 2) - 28px); }
.board .list li.btns.col2 a.left { left: 20px; top: 0; }
.board .list li.btns.col2 a.right { right: 20px; top: 0; }
.board .list li.btns.brochure { padding-right: 15px; }
.board .list li.btns.brochure a.list-file { width: 100%; margin: 0; }
.board .list li.btns.brochure a:nth-child(2) { margin-top: 5px; }
.board .list li.date { width: 100%; text-align: left; padding-left: 20px; }
.board .board-view-top { padding: 25px; }
.board .board-view-top .title { font-size: 18px; line-height: 23px; margin-bottom: 10px; }
.board .board-view-con { padding: 20px; }
.board .file-wrap ul { line-height: 45px; }
.board .file-wrap ul li.key { width: 20%; font-size: 12px; }
.board .file-wrap ul li.value { width: 80%; }
.board .file-wrap ul li.value a.file { background-size: 11px; padding-left: 18px; }
.board .bottom { margin-top: 40px; }
.board .bottom ul li { line-height: 45px; }
.board .bottom ul li.key { width: 100px; padding-left: 40px; font-size: 12px; }
.board .bottom ul li.link { width: calc(100% - 100px); font-size: 12px; }
.board .bottom ul li.link a { font-size: 12px; }
.board .btn-wrap { margin-top: 40px; }
.board .btn-wrap a { line-height: 40px; border-radius: 40px; font-size: 12px; width: 90px; min-width: 90px; }
.board.thumb-list .list { padding: 20px 0; }
.board.thumb-list .list .thumb { width: 100%; }
.board.thumb-list .list .thumb img { width: 100%; }
.board.thumb-list .list .thumb-text { padding: 20px 0 0 0; }
.board.thumb-list .list .thumb-text .title { font-size: 15px; }
.board.thumb-list .list .thumb-text .text { margin-top: 15px; line-height: 17px; font-size: 12px; }
.board-media-view-con { display: block; }
.board-media-view-con .media-list { display: block; width: 100%; padding: 30px 20px; }
.board-media-view-con .media-list dt { font-size: 15px; }
.board-media-view-con .media-list dd { line-height: 21px; padding-left: 10px; text-align: left; background: url("../_images/common/bu_line.png") no-repeat 0 12px; }
.board-media-view-con .media-list dd a { font-size: 12px; }
.board-media-view-con .media-con { padding: 0; padding-bottom: 20px; }
.board-media-view-con .media-con .subtitle { padding-top: 20px; height: 180px; }
.board-search { margin-top: 25px; }
.board-search select { width: 100px; }
.board-search .input-wrap { margin-left: 0; }
.board-search .input-wrap input[type="text"] { width: 187px; height: 38px; line-height: 38px; }
.board-search .input-wrap .btn-search { width: 38px; height: 38px; }

.board-search_right { text-align:right; margin-top: 25px; }
.board-search_right select { width: 120px; height:45px; }
.board-search_right .input-wrap{ margin-left: 0; box-sizing:border-box; }
.board-search_right .input-wrap input[type="text"] { width: 170px; height: 45px; line-height: 45px; }
.board-search_right .input-wrap .btn-search { width: 45px; height: 45px; }
.board-search_right .date_pick.active { margin-top:0; margin-bottom:0px; margin-left:0; }
.board-view-con div.iframe_wrap iframe { width:100%;  height:380px!important; }

/* paging */
#paging { width: 100%; margin-top: 50px; text-align: center; }
#paging .wrap { display: inline-block; }
#paging a { display: inline-block; width: 40px; height: 40px; vertical-align: middle; line-height: 40px; text-align: center; font-size: 14px; }
#paging a.on { color: #005891; border: 1px solid #005891; font-weight: 700; border-radius: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#paging a.ll { background: url(../img/page_ll.png) no-repeat center center; text-indent: -9999px; }
#paging a.l { background: url(../img/page_l.png) no-repeat center center; text-indent: -9999px; }
#paging a.r { background: url(../img/page_r.png) no-repeat center center; text-indent: -9999px; }
#paging a.rr { background: url(../img/page_rr.png) no-repeat center center; text-indent: -9999px; }


/* brochure */
.brochure_content { margin: 50px 0 50px; }
.bro_box { padding: 27px 0;}
.bro_box > li {float: none;}
.bro_box > li:nth-of-type(1) { width: 100%;}
.bro_box > li:nth-of-type(2) { width: 100%; margin-left: 0%; }
.bro_box > li:nth-of-type(3) { width: 100%; margin-left: 0%;}
.bro_img img { width: 100%; }
.bro_btn { padding-top: 40px; }


/* 관계회사 */
.affi_contents ul li {float: none;}
.affi_contents ul li:nth-of-type(1) { width:100%; }
.affi_contents ul li:nth-of-type(2) { width:100%; margin-left: 0%;}
.affi_con_left::after { content: ''; display: table; clear: both; }
.affi_con_left span { display: block; margin-top: 0px; float: left; width: 48%;}
.affi_con_left span:first-child { margin-right: 4%;}
.affi_con_left span.affi_mobile { display: block; }

.affi_con_right strong {margin-top: 45px;}

.affi_contents dl dt { display: none;}
.affi_contents dl dd { float: none; width: 100%; }
.affi_contents dl dd em {display:inline-block; width: 23%;}
.affi_contents dl dd span {display:inline-block; width: 76%; margin-left: 0;}
.affi_contents dl dd:nth-of-type(1) {width: 100%;}
.affi_contents dl dd:nth-of-type(2) {width: 100%;}
.affi_contents dl dd:nth-of-type(3) {width: 100%;}

 
/* table */
table th { font-size: 12px; }
table td { font-size: 12px; line-height: 12px; }


table.cusTable2 th {padding: 23px 20px;}
table.cusTable2 td { text-align: left; padding: 25px 40px; }
table.cusTable2 td.center { text-align: center; padding: 25px 20px; }
table.cusTable2 td.line2 { padding: 25px 45px; }
table.cusTable2 td.line5 { padding: 25px 55px; }

.table_inner.scroll { position: relative; overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.table_inner.scroll table { width: 1200px; }
.msg_touch_help { position: absolute; top: 50%; left: 50%; display: block; width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
.msg_touch_help img { width: 80px; height: 80px; } 

/* 회사소개 */
.content_introduction { margin-top: 60px; }
.overview-top {padding: 80px 0; }
.overview-top .title { width: 600px; font-size: 24px; line-height: 34px; padding: 50px 10px 50px 20px;}
div#contents div.content_introduction > h4 {font-size: 26px; margin: 60px 0 30px;}  

/* 연혁 */
div.histoy_wrap { margin:80px auto 0; background-size: contain; }

/* ceo 인사말 */
.content_CEO dl dd {font-size: 15px;}

/* 서비스 */
.content_industry p {margin-bottom: 110px;}
.ind_box {height: auto;}
.ind_box .ind_list01 {position: relative;}
.ind_box .ind_list01 li:nth-of-type(1) {position: inherit; width: 87%; float: left;}
.ind_box .ind_list01 li:nth-of-type(2) {position: inherit; top: 0px; float: right; width:87%; padding: 70px 70px 70px 50px; margin-top: -45px;}
.ind_box .ind_list02 {position: relative;}
.ind_box .ind_list02 li:nth-of-type(1) {position: inherit; width: 87%; float: right;}
.ind_box .ind_list02 li:nth-of-type(2) {position:inherit; top: 0px; float: left; width:87%; padding: 70px 50px 70px 70px; margin-top: -45px;}

}




/* Mobile */
@media only all and (max-width:767px){

p { font-size: 14px; line-height: 17px; }

.web { display:none; }
.web2 { display:none; }
.tablet { display:block; }
.mobile { display:block; }

a.view_more { width:112px; padding:10px 15px; font-size:12px; border-radius:25px;  background-size:6px 8px; background-position:85px 50%; }
a.round { width: calc(100% - 10px); height:50px; line-height: 50px;  padding:0; font-size:14px; text-align:center; background-position:65% 55%; }
div.iframe_wrap iframe { width:100%!important; height:100%!important; }

.ribbon a.web { display:none; }
.ribbon a.mobile { display:block; }
.ribbon .input { top:3px; right:55px; margin-right:0; }
.ribbon .input label { font-size: 12px; }
.ribbon button { width: 14px; height: 15px; margin-right:0; right: 15px; top: 10px; background-size: contain; }

header.container { height:60px; }
header div.gnb_wrap { height:60px; }
header.container h1 { display:block; width:80px; height:60px; margin-left:20px; }
header.container h1:nth-child(2) { display:none; }
header.container h1 a { background-size:65px 29px; }
a#site_map_btn { display:none; }
div#gnb .menu{ display:none; }
a.all_menu_btn { overflow:hidden; display:block; position:absolute; top:24px; right:20px; width:20px; height:15px; color:transparent; }
a.all_menu_btn.active { display:none; }
a.all_menu_btn span { display:block; width:20px; height:3px; margin-top:3px; background:#000; text-indent:-500px; }
a.all_menu_btn:before { position:relative; top:0px; content:''; display:block; width:20px; height:3px; background:#000; }
a.all_menu_btn:after { content:''; display:block; position:relative; bottom:-3px; width:20px; height:3px; background:#000; }

div#contents { padding-top:60px; }
div.article { margin:50px auto 90px; padding:0 20px; box-sizing:border-box; }
div.article .content_title { font-size:26px; }
div#contents div.article h4 { margin-top:50px; font-size:20px; }


div.visual { padding-top:0; }
div.all_menu_wrap { position:relative; top:0px; padding:0; box-sizing:border-box; }
div.all_menu_wrap ul.all_menu { padding-left:0; }
div.all_menu_wrap ul.all_menu > li { width:100%; text-indent:20px; border-bottom:1px solid #e5e5e5; }
div.all_menu_wrap button.all_menu_close { top:-40px; right:18px; }
div.all_menu_wrap ul.all_menu > li { line-height:45px; }
div.all_menu_wrap ul.all_menu > li > a { background:url(../img/icon_mobile_1depth.png)no-repeat right top; background-size:45px; }
/*div.all_menu_wrap ul.all_menu > li:nth-child(5) > a { background:none; }*/
div.all_menu_wrap ul.all_menu > li > a.mobile { display:block; }
div.all_menu_wrap ul.all_menu > li > a.on { background:url(../img/icon_mobile_1depth.png)no-repeat right bottom; background-size:45px; }
div.all_menu_wrap ul.all_menu > li ul.depth_2 { display:none; margin-top:0; background:#f5f5f5; }
div.all_menu_wrap ul.all_menu > li ul.depth_2 li { margin-left:0; height:45px; line-height:45px; text-indent:35px; border-bottom:1px solid #e5e5e5; }
div.all_menu_wrap ul.all_menu > li ul.depth_2 li:first-child { border-top:1px solid #e5e5e5; }
div.all_menu_wrap ul.all_menu > li ul.depth_2 li:last-child { border-bottom:none; }
div.all_menu_wrap ul.all_menu > li ul.depth_2 li a { font-size:13px; }



ul.slider_btn { top:80%; left:58%; }
ul.slider_btn li a,
a.slide_auto { width:23px; height:23px; padding:6px; line-height:8.5px; font-size:10px; }
a.slide_auto { top:80%; left:60%; background-size:23px 23px; }
a.slide_auto.on { background-size:23px 23px; }
ul.slider_btn li a span.blind { width:23px; height:23px; }


/** indexPage **/

/* Visual */
div.main_visual { height:calc(100vh - 130px); }
ul.imgBox li h3 { font-size:27.5px; line-height:36px; top:17%; left:20px; margin-top:0;}


/* 事業案内 */
ul.main_contents li.info_wrap {margin-top: 71px;}

.sliderInfo {background-size: cover; height: 300px;}
div#contents .main_contents h4 { font-size:25px;}
li.info_wrap p.h4_desc{ margin:25px 0 70px; font-size:16px; font-weight: 500; color: #262626; text-align:center; }

div.info_box div.info_slide_text h5 { font-size:20px; line-height:20px; margin-bottom: 17px;}

div.info_box div.info_slide_text { width:100%; padding:30px; z-index:200; background:rgba(0, 88, 145, 0.8); box-sizing:border-box; }

div#contents div.slideBox div.bx-wrapper div.bx-pager { margin-top:26px; text-align:center; }
div#contents div.slideBox div.bx-wrapper div.bx-pager-item { width:22px; height:22px; line-height:20px; margin:0 3px; }
div#contents div.slideBox div.bx-wrapper div.bx-pager-item a { font-size:10px;}


/* 브로슈어 */
ul.main_contents li.brochure_wrap {margin-top: 55px; padding:57px 0 65px;}
li.brochure_wrap p.h4_desc{ margin:25px 0 12px; font-size:16px; font-weight: 500; color: #262626; text-align:center; }
a.bor_btn { display: none; }
ul.bor_list_box {padding: 0 20px; box-sizing: border-box; }
ul.bor_list_box li {width: 48%; margin-left: 4%;}
ul.bor_list_box li:nth-of-type(3) { margin-left: 0; margin-top: 4%;}
ul.bor_list_box li:nth-of-type(4) { margin-top: 4%;}
ul.bor_list_box li a {display:inline-block; width: 100%; height: auto; background-color: #fff;}
ul.bor_list_box li a p { padding: 8% 0; font-size: 12px; margin-top: -20%; background-color: #fff;}
ul.bor_list_box li a:hover p { padding: 8% 0; }



.news_wrap {padding: 75px 0 57px;}
.news_box {padding: 0 20px; box-sizing: border-box;}

.news_list_box {float:none; width: 100%; padding:0; border: none;}

.news_list_box dt strong {font-size: 25px; line-height: 25px;}
.news_list_box dt a {padding-right: 17px; line-height: 25px; font-size: 13px;}

.news_list_box dd { border-bottom:solid 1px #a1a1a1; margin-top: 0px;}
.news_list_box dd:nth-of-type(1) { margin-top: 14px;}
.news_list_box dd::before { top: 16px;}
.news_list_box dd a {font-size: 13px; line-height: 36px;}

.third_list_box {float: none; width: 100%; margin-left: 0%; margin-top: 51px;}
li.first_list {height: 120px;}
li.first_list a {display:inline-block; width:100%; height: 100%; padding: 32px 0 0 22px; box-sizing: border-box;}
li.first_list a span {font-size: 18px;}
li.first_list a em {width:22px; height:40px; background-size: 100%;}

li.last_list {width: 100%; margin-top: 20px;}
li.last_list ul li {width: 48.4%;}
li.last_list ul li a {padding: 20px 20px;}
li.last_list ul li a span {display: block; font-size: 11px;}
li.last_list ul li a em {float: left; width:12px; height:20px; background-size: 100%;}
li.last_list ul li:first-child {}
li.last_list ul li:last-child {margin-left: 3.2%;}



div#contents div.main_contents h4 { font-size:25px; }
div#contents p.h4_desc { margin:15px 0 40px; font-size:12px;}
li.features_wrap { margin:70px 0; padding:0 15px; box-sizing:border-box; }
li.features_wrap ul.features li,
li.features_wrap ul.features li.on { width:calc(50% - 10px); height:225px; margin-right:10px; margin-bottom:15px; padding:60px 25px 30px; }

li.features_wrap ul.features li:nth-child(even) { margin-right:0; }
li.features_wrap ul.features li:nth-child(3),
li.features_wrap ul.features li:nth-child(4) { margin-bottom:0; }
li.features_wrap ul.features li strong { font-size:18px; }
li.features_wrap ul.features li strong:before { display:none; }
li.features_wrap ul.features li p.desc { display:none; }
li.features_wrap ul.features li a.view_more { opacity:1; }

li.info_box { height:422px; }
li.info_box div.construction_slide_wrap { left:0; width:100%; margin:0; }
li.info_box ul.construction { margin-left:0; }
li.info_box ul.construction li { height:225px; background-size:contain; }
li.info_box ul.construction li.active-slide { width:100vw!important; }
li.info_box ul.construction li.construction_01,
li.info_box ul.construction li.construction_02,
li.info_box ul.construction li.construction_03 { background-size:cover; }
li.info_box div.bx-pager { margin:40px auto 0;}
li.info_box div.info_slide_text { top:150px; bottom:0; left:50%; width:calc(100% - 20px); height:55px; margin-left:calc(-50% - -10px); padding:0; box-sizing:border-box; }
li.info_box div.info_slide_text h5 { margin-bottom:0; line-height:55px; text-align:center; font-size:14px; }
li.info_box div.info_slide_text h5 + a.view_more { position:absolute; top:0; left:0; margin:0 auto; width:100%; height:100%; color:transparent; background:none; }

li.board_wrap { margin:60px auto; padding:0 15px; box-sizing:border-box; }
ul.board_list > li { width:calc(50% - 10px); margin-right:20px; }
ul.board_list > li:not(:first-child) { margin-right:0; }
ul.board_list > li > a { padding-top:130px; font-size:12px; }
ul.board_list > li a h5 { margin-bottom:10px; font-size:14px; }
ul.board_list > li a:after { display:none; }
ul.board_list > li a:before { width:64px; height:69px; opacity:1; }
ul.board_list > li:first-child a,
ul.board_list > li:nth-child(2) a,
ul.board_list > li:nth-child(3) a { background-size:100% 115px; }
ul.board_list > li:first-child a:before,
ul.board_list > li:nth-child(2) a:before { top:25px; left:50%; margin-left:-32px; background-size:31px 34px; }

ul.board_list > li:nth-child(3) { width:100%; height:190px; margin-top:60px; }
ul.board_list > li:nth-child(3) a { padding-top:205px; background-size:100% 190px; }
ul.board_list > li:nth-child(3) a:before { top:65px; left:50%; margin-left:-32px; background-size:31px 34px; }

/* 푸터 */

footer div.footer_wrap { padding:20px 20px 40px; }
footer div.footer_wrap .footer_logo {display: none;}
footer div.address_box { margin-left: 0px;}
footer * { font-size: 12px; line-height: 14px; }
footer div.address_wrap p.address_call::after {display: none;}
footer div.address_wrap address:after { height:10px; margin:0 10px; }

/* 서브 페이지 공통 */
div.content_top h2 { font-size:25px; line-height: 25px; padding-top:30px; }
div.bg_top01,
div.bg_top02,
div.bg_top03,
div.bg_top04,
div.bg_top05 { height:180px; padding:0 15px; background-position:60% 50%; }

div.location { height:38px; }
div.location > div li { line-height:38px; box-sizing:border-box; }
div.location > div > ul.lnb > li,
div.location > div > ul.lnb > li a { font-size:13px; }
div.location > div > ul.lnb > li:first-child { width:38px; height:38px; padding:0; text-align:center; text-indent:-9999px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; box-sizing:border-box; background:url(../img/lnb_home.png)no-repeat 50% 50%; }
div.location > div > ul.lnb > li:first-child a { color:transparent; }
div.location > div > ul.lnb > li:nth-child(2) { width:128px; }
div.location > div > ul.lnb > li:nth-child(3) { width:calc(100% -90px); }
div.location > div > ul.lnb > li:nth-child(3) { border-right:none;}
div.location > div > ul.lnb > li > ul { display:none; border:1px solid #cccccc; box-sizing:content-box; }
div.location > div > ul.lnb > li:nth-child(2) ul,
div.location > div > ul.lnb > li:nth-child(3) ul { position:relative; left:-1px; top:-1px; width:100%; }
div.location > div > ul.lnb > li:nth-child(3) ul { left:-1px; }
div.location > div > ul.lnb > li > ul li { width:100%; text-indent:10px; }
div.location > div > ul.lnb > li button { text-indent:10px; font-size:13px; height:39px; background:url(../img/lnb_arrow.png)no-repeat 105% -5px; }
div.location > div > ul.lnb > li button span.hidden { position:absolute; color:transparent; z-index:-1; }
div.location > div > ul.lnb > li button.active { background-position: 105% -55px;}
div.location > div > ul.lnb > li:nth-child(2) button { background-position:110% -5px; }
div.location > div > ul.lnb > li:nth-child(2) button.active {background-position: 110% -57px;}
div.location > div > ul.lnb > li.share_btn_wrap { width:38px; height:38px;  }
div.location > div > ul.lnb > li button.share_btn { width:38px; height:38px; border-right:none; }
div.location div.share_wrap ul li a { font-size:12px; }

/* 특장점 */

.feat_tit {margin-top: 25px;}
.feat_tit li {font-size: 12px;}
.feat_tit li:last-child {margin: 25px 0 43px;}

div.features_wrap { margin-top:50px; }
div.features_wrap dl { display:inline-block; width:100%; height:auto; margin-right:0; margin-bottom:0; }
div.features_wrap dl:nth-child(even) { margin-right:0; }
div.features_wrap dl:nth-child(5),
div.features_wrap dl:nth-child(6) { margin-bottom:0; }
div.features_wrap dl dt { height:auto; padding:24% 50px 34%; font-size:21px; color:#fff; letter-spacing:-1px; box-sizing:content-box; }
div.features_wrap dl dd { position:relative; top:-45px; width:90%; height:auto; margin:0 auto; padding:10.5% 30px; font-size:12px; line-height:23px; text-align:left;  background:#f5f5f5; box-sizing:border-box; }

/* 브로슈어 */
a.brochure_btn { float:right; height:38px; line-height:38px; margin-top:0; padding:0 10px 0 40px ; font-size:14px; background-position:10px 50%; box-sizing:border-box; }

/* 썸네일 게시판 */
div#contents div.article ul.thumbnail { margin-top:50px; }
div#contents div.article ul.thumbnail li { width:100%; margin-right:0; margin-bottom:25px; }
div#contents div.article ul.thumbnail li:last-child { margin-bottom:0px; }

/* 게시판 */
.board { margin-bottom:0; }
.board .list { display: block; padding-top: 20px; padding-bottom: 20px; }
.board .list li { display: block; line-height: 20px; border-bottom: none; }
.board .list li.subject { width: 100%; padding-left: 20px; padding-right: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.board .list li.subject a { font-size: 15px; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis; }
.board .list li.subject a span.notice { font-size:15px; }
.board .list li.btns { text-align: center; width: 100%; padding: 0 15px 10px; margin-top: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.board .list li.btns a { line-height: 33px; width: 100%; }
.board .list li.btns.col2 { height: 45px; width: 100%; }
.board .list li.btns.col2 a { width: calc((100% / 2) - 28px); }
.board .list li.btns.col2 a.left { left: 20px; top: 0; }
.board .list li.btns.col2 a.right { right: 20px; top: 0; }
.board .list li.btns.brochure { padding-right: 15px; }
.board .list li.btns.brochure a.list-file { width: 100%; margin: 0; }
.board .list li.btns.brochure a:nth-child(2) { margin-top: 5px; }
.board .list li.date { width: 100%; text-align: left; padding-left: 20px; }
.board .board-view-top { padding: 25px; }
.board .board-view-top .title { font-size: 18px; line-height: 23px; margin-bottom: 10px; }
.board .board-view-con { padding: 20px; }
.board .file-wrap ul { line-height: 45px; }
.board .file-wrap ul li.key { width: 20%; font-size: 12px; }
.board .file-wrap ul li.value { width: 80%; }
.board .file-wrap ul li.value a.file { background-size: 11px; padding-left: 18px; }
.board .bottom { margin-top: 40px; }
.board .bottom ul li { line-height: 45px; }
.board .bottom ul li.key { width: 100px; padding-left: 40px; font-size: 12px; }
.board .bottom ul li.link { width: calc(100% - 100px); font-size: 12px; }
.board .bottom ul li.link a { font-size: 12px; }
.board .btn-wrap { margin-top: 40px; }
.board .btn-wrap a { line-height: 40px; border-radius: 40px; font-size: 12px; width: 90px; min-width: 90px; }
.board.thumb-list .list { padding: 20px 0; }
.board.thumb-list .list .thumb { width: 100%; }
.board.thumb-list .list .thumb img { width: 100%; }
.board.thumb-list .list .thumb-text { padding: 20px 0 0 0; }
.board.thumb-list .list .thumb-text .title { font-size: 15px; }
.board.thumb-list .list .thumb-text .text { margin-top: 15px; line-height: 17px; font-size: 12px; }
.board-media-view-con { display: block; }
.board-media-view-con .media-list { display: block; width: 100%; padding: 30px 20px; }
.board-media-view-con .media-list dt { font-size: 15px; }
.board-media-view-con .media-list dd { line-height: 21px; padding-left: 10px; text-align: left; background: url("../img/bu_line.png") no-repeat 0 12px; }
.board-media-view-con .media-list dd a { font-size: 12px; }
.board-media-view-con .media-con { padding: 0; padding-bottom: 20px; }
.board-media-view-con .media-con .subtitle { padding-top: 20px; height: 180px; }

.board-search_right { text-align:center; margin-top: 25px; }
.board-search_right select { width: 100px; height:40px; line-height: 40px; font-size: 13px; padding-left: 12px;}
.board-search_right .input-wrap{ margin-left: 0; box-sizing:border-box; }
.board-search_right .input-wrap input[type="text"] { width: 180px; height: 40px; line-height: 40px; font-size: 13px; padding-left: 15px;}
.board-search_right .input-wrap .btn-search { width: 40px; height: 40px; }
.board-search_right .date_pick.active { display:block; margin:10px auto; }
.board-view-con div.iframe_wrap iframe { width:100%;  height:auto!important; }

/* paging */
#paging { width: 100%; margin-top: 30px; text-align: center; }
#paging .wrap { display: inline-block; }
#paging a { display: inline-block; width: 35px; height: 35px; vertical-align: middle; line-height: 35px; text-align: center; font-size: 12px; }
#paging a.on { color: #005891; border: 1px solid #005891; font-weight: 700; border-radius: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#paging a.ll { background: url(../img/page_ll.png) no-repeat center center; text-indent: -9999px; }
#paging a.l { background: url(../img/page_l.png) no-repeat center center; text-indent: -9999px; }
#paging a.r { background: url(../img/page_r.png) no-repeat center center; text-indent: -9999px; }
#paging a.rr { background: url(../img/page_rr.png) no-repeat center center; text-indent: -9999px; }

/* brochure */
.brochure_content { margin: 15px 0 30px; }
.bro_box { padding: 25px 0; }
.bro_box > li { float: none; }
.bro_box > li:nth-of-type(1) { width: 100%;}
.bro_box > li:nth-of-type(2) { width: 100%; margin-left: 0%; }
.bro_box > li:nth-of-type(3) { width: 100%; margin-left: 0%;}

.bro_img img { width: 100%; }
.bro_text strong { padding: 17.5px 0 17.5px; font-size: 15px;}
.bro_text span { font-size: 12px; } 
.bro_btn { padding-top: 20px; }
.bro_btn a { font-size: 12px; line-height: 38px; }

/* tab */
.tab { margin-top: 30px; position: relative; }
.tab .selected { display: block; line-height: 40px; cursor: pointer; background: url(../img/tab_arrow.png) no-repeat right top #005891; background-size: 40px; font-size: 13px; color: #fff; text-indent: 15px; }
.tab .selected.on { background-position: right bottom; }
.tab ul { width: 100%; display: none; border: 1px solid #e5e5e5; position: absolute; left: 0; top: 40px; z-index: 100; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.tab ul li { display: block; width: 100%; border-right: none; border-bottom: 1px solid #e5e5e5; }
.tab ul li:last-child { border-bottom: none; }
.tab ul li a { display: block; padding: 10px 0; text-align: left; font-size: 13px; text-indent: 15px; background: #fff; }
.tab ul li a br { display: none; }
.tab ul li a.lh44 { line-height: 22px; }
.tab ul li.on a { background: #f1f1f1; color: #005891; font-weight: 700; }
.tab.multi ul { display: none; border: none; border: 1px solid #e5e5e5; }
.tab.multi ul:after { content: ""; display: block; clear: both; }
.tab.multi ul li { width: 100%; border: none; }
.tab.multi ul li:first-child { border-left: none; }
.tab.multi ul li:nth-child(5n) { border-left: none; }
.tab.multi ul li:nth-child(1), .tab.multi ul li:nth-child(2), .tab.multi ul li:nth-child(3), .tab.multi ul li:nth-child(4) { border-top: none; }
.tab.history { height: auto; }
.tab.history li { height: auto; }

/* 관계회사 */
.content_affiliated {margin-top: 36px;}
.affi_title p {margin-top: 15px; font-size: 12px;}
.affi_wrap { margin-top: 42px;}
.affi_box {padding: 27px 0 42px;}
.affi_box:last-child {padding: 27px 0 0;}
.affi_contents:first-child { padding-bottom: 23px;}
.affi_contents:last-child { padding-top: 23px;}
.affi_title h3 {font-size: 20px;}
.affi_contents ul li {float: none;}
.affi_contents ul li:nth-of-type(1) { width:100%; }
.affi_contents ul li:nth-of-type(2) { width:100%; margin-left: 0%;}
.affi_con_left::after { content: ''; display: table; clear: both; }
.affi_con_left span { display: block; margin-top: 0px; float: left; width: 48%;}
.affi_con_left span:first-child { margin-right: 4%;}
.affi_con_left span.affi_mobile { display: block; }

.affi_con_right strong {margin-top: 22.5px; font-size: 15px; line-height: 15px;}
.affi_con_right em {font-size: 12px;}
.affi_con_right em.affi_text {margin: 12.5px 0 15px;}
.affi_con_right span {font-size: 12px;}

.affi_contents dl { padding: 37px 15px; margin-top: 22px;}

.affi_contents dl dt { display: none;}
.affi_contents dl dd { float: none; width: 100%; }
.affi_contents dl dd em {display:inline-block; width: 24%; font-size: 11px; letter-spacing: -0.5px}
.affi_contents dl dd span {display:inline-block; width: 74%; margin-left: 0; font-size: 11px; letter-spacing: -0.5px}
.affi_contents dl dd:nth-of-type(1) {width: 100%;}
.affi_contents dl dd:nth-of-type(2) {width: 100%;}
.affi_contents dl dd:nth-of-type(3) {width: 100%;}

/* table */
.content_customer { margin-top: 40px;}
table th { padding: 14px 20px; font-size: 11px; }
table th.left { padding: 20px; }
table td { padding: 14px 20px; font-size: 11px; line-height: 11px; }
table td.left { padding: 10px; }

table.cusTable td { padding: 20px 20px; }
table.cusTable td:nth-child(4) { padding: 20px 20px; }
table.cusTable td:nth-child(5) { padding: 20px 20px; }

table.cusTable2 th {padding: 23px 10px;}
table.cusTable2 td { text-align: left; padding: 25px 20px; }
table.cusTable2 td.center { text-align: center; padding: 25px 20px; }
table.cusTable2 td.line2 { padding: 25px 20px; }
table.cusTable2 td.line5 { padding: 25px 20px; }


table.row th { background: #f5f5f5; }
table.row td { text-align: left; padding: 20px 20px; }
table.row td.line3 { padding: 30px 25px; }


.table_inner.scroll { position: relative; overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.table_inner.scroll table { width: 800px; }
.msg_touch_help { position: absolute; top: 50%; left: 50%; display: block; width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
.msg_touch_help img { width: 80px; height: 80px; }

/* 회사소개 */
.content_introduction { margin-top: 30px; }
.overview-top {padding: 60px 0; }
.overview-top .title { width: 85%; font-size: 12px; line-height: 14px; padding: 25px 0;}
div#contents div.content_introduction > h4 {font-size: 20px; margin: 38px 0 18px;}  

/* 연혁 */
.content_history {margin-top: 30px;}
.content_history p {letter-spacing: -0.5px; font-size: 12px; color: #565656; word-break: break-all;}
div.histoy_wrap { min-height:400px;  height:100%; margin-top: 30px; background-size:contain; }

/* ceo 인사말 */
.content_CEO {margin-top: 30px;}
.ceo_pc {display: none;}
.ceo_m {display: block;}
.content_CEO dl dd {font-size: 12px; margin-top: 20px;}

/* vision */
.content_vision > h5.vis_tit {margin-bottom: 22px; font-size: 19px;}
.content_vision dl dd {padding: 25px 0 50px; font-size: 12px;}
.vis_pc {display: none;}
.vis_m {display: block;}

.vis_textBox {margin-top: 50px;}
.vis_textBox p { font-size: 19px; margin-bottom: 25px;}
.vis_textBox ul li { margin-bottom: 17px;}
.vis_textBox ul li:last-child { margin-bottom: 0px; }
.vis_textBox ul li strong {font-size: 12px;}
.vis_textBox ul li span { font-size: 12px; width: 98%;}
.vis_textBox ul li em { font-size: 12px; width: 2%;}


/* 윤리경영 */
.content_ethics {margin-top: 30px;}
.eth_textBox > h5 { margin-bottom: 32px; font-size: 19px; }
.eth_textBox > h6 {font-size: 15px; margin-bottom: 16px;}
.eth_textBox dl dt { font-size: 15px; margin-bottom: 18px;}
.eth_textBox dl dd { font-size: 12px; margin-bottom: 50px; line-height: 24px;}

.eth_textBox p {font-size: 12px; margin-bottom: 14px;}
.eth_textBox ul {margin-bottom: 40px;}
.eth_textBox ul.eth_left {margin-left: 0px;}
.eth_textBox ul.eth_left2 {margin-left: -16px;}
.eth_textBox ul.eth_left3 {margin-left: 12px;}

.eth_textBox ul li {font-size: 12px; line-height: 24px; margin-left: 12px;}


/* 조직도 */
.content_organization {margin-top: 20px;}
.content_organization p img {max-width: 100%; width: 100%;}
.content_organization p .org_pc {display: none;}
.content_organization p .org_m {display: block;}

.map_tab > .tab { margin-top: 30px; position: relative; }
.map_tab > .tab .selected { display: block; line-height: 40px; cursor: pointer; background: url(../img/tab_arrow.png) no-repeat right top #005891; background-size: 40px; font-size: 13px; color: #fff; text-indent: 15px; }
.map_tab > .tab .selected.on { background-position: right bottom; }
.map_tab > .tab > ul { display: none; border: 1px solid #e5e5e5; position: absolute; left: 0; top: 0px; z-index: 1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.map_tab.n3 > .tab ul li,
.map_tab > .tab ul li { display: block; width: 100%; border-right: none; border-bottom: 1px solid #e5e5e5;  float: none; }

.map_tab > .tab ul li:last-child { border-bottom: none; }
.map_tab > .tab ul li a { display: block; line-height: 40px; text-align: left; font-size: 13px; text-indent: 15px; background: #fff; padding: 0; }
.map_tab > .tab ul li.on a { background: #f1f1f1; color: #005891; font-weight: 700; }
.map_tab > .tabsel { margin-top: 20px; }
.map_tab > .tabsel .selected { display: none; }
.map_tab > .tabsel ul { display: table; border-bottom: 1px solid #e5e5e5; background: #f5f5f5; width: 100%; }
.map_tab > .tabsel ul li { display: table-cell; width: 10%; border-right: 1px solid #e5e5e5; height: 100%; vertical-align: middle; }
.map_tab > .tabsel ul li:last-child { border-right: none; }
.map_tab > .tabsel ul li a { display: block; line-height: 22px; text-align: center; font-size: 15px; padding: 10px 0; height: 100%; }
.map_tab > .tabsel ul li.on { background: #fff; border: 2px solid #005891; }
.map_tab > .tabsel ul li.on a { color: #005891; font-weight: 700; }

.content_map {margin-top: 35px;}
.content_map p {font-size: 20px; line-height: 20px;}

.map_conBox {margin-top: 20px;}
ul.map_top {padding: 30px 0 30px;}
ul.map_top > li {float: left; line-height: 20px;}
ul.map_top > li:nth-of-type(1) {float:none; font-size: 15px; margin-bottom: 18px;}
ul.map_top > li:nth-of-type(2) {margin-left: 0px; font-size: 12px; width: 21%;}
ul.map_top > li:nth-of-type(3) {margin-left: 0px; width: 79%;}
ul.map_top > li ul li {font-size: 12px;}

ul.map_bottom {padding: 30px 0 50px; border-bottom: none;}
ul.map_bottom > li {float: left;}
ul.map_bottom > li:nth-of-type(1) {margin-left: 0px; background: url(../img/sub/introduction/map_icon_subway.png) no-repeat left 50%; height: 50px; width: 21%; background-size: contain;}
ul.map_bottom > li:nth-of-type(2) {margin-left: 0px; width: 79%; font-size: 12px; margin-bottom: 19px;}
ul.map_bottom > li ul {margin-top: 10px;}
ul.map_bottom > li ul li {font-size: 12px; line-height: 16px; color: #666; font-weight: 400;}

div.map_cs {margin: 0px 0 45px;}
div.map_cs > ul {padding: 20px 20px; }
div.map_cs > ul > li {float: left; line-height: 20px; font-size: 12px; }
div.map_cs > ul > li strong {font-size: 12px; margin-right: 10px;}
div.map_cs > ul > li:nth-of-type(1) {background: url(../img/icon_phone.jpg) no-repeat left 50%; height: 24px; width: 12%; background-size: contain;}
div.map_cs > ul > li:nth-of-type(2) {margin-left: 0px; width: 88%;}
div.map_cs > ul > li:nth-of-type(3) {margin-left: 0px; float: none;}

#map_canvas,
#map_canvas2 {width: 100%; height: 300px;}

/* 서비스 */
.content_service {margin-top: 30px;}
.content_service p {font-size: 16px; padding: 48px 28px 43px;}
.content_service dl {margin-top: 46px;}
.content_service dl dt {font-size: 20px;}
.content_service dl dd {font-size: 12px; margin-top: 24px;}
.content_service dl dd:first-child {margin-top: 26px;}

/* 190424 추가 */
.content_service > dl dd img {width: 100%; max-width: 100%;}
.ser_pc {display: none;}
.ser_m {display: block;}


/* 산업 */
.content_industry p {margin-bottom: 60px; font-size: 12px;}
.ind_box {height: auto;}
.ind_box:last-child {margin-top: 60px;}
.ind_box ul li.ind_text strong {font-size: 20px;}
.ind_box ul li.ind_text span {font-size: 12px; margin-top: 23px;}
.ind_box .ind_list01 li:nth-of-type(1) {position: inherit; width: 87%; float: left;}
.ind_box .ind_list01 li:nth-of-type(2) {position: inherit; top: 0px; float: right; width:87%; padding: 50px 37px 70px 26px; margin-top: -23px;}
.ind_box .ind_list02 {position: relative;}
.ind_box .ind_list02 li:nth-of-type(1) {position: inherit; width: 87%; float: right;}
.ind_box .ind_list02 li:nth-of-type(2) {position:inherit; top: 0px; float: left; width:87%; padding: 50px 26px 70px 37px; margin-top: -23px;}

/* 구매 */
.content_buy > p {font-size: 12px; margin-top: 25px; letter-spacing: -0.2px;}
.content_buy > ul {margin-top: 68px;}
.content_buy > ul li {font-size: 20px;}
.content_buy > ul li.buy_m {display: block;}
.content_buy > ul li.buy_m > p {font-size: 12px; color: #666; font-weight: 400; margin-bottom: 20px; }
.content_buy > ul li.buy_pc {display: none;}
.content_buy > ul li:first-child {margin-bottom: 30px;}
.content_buy > ul li:last-child {margin-top: 30px;}
div.content_buy div.slideBox > p {font-size: 20px; line-height: 20px; margin: 42px 0 30px;}
div.content_buy div.bx-wrapper div.bx-controls {bottom: 107px; width: 90%; padding: 0 10px;}
div.content_buy div.bx-wrapper div.bx-controls div.bx-controls-direction a.bx-prev {background-size: 80%;}
div.content_buy div.bx-wrapper div.bx-controls div.bx-controls-direction a.bx-next {background-size: 80%;}
div.content_buy div.bx-wrapper div.bx-viewport {height: 280px !important;}

.sliderBuy {height: 182px; max-width: 100%;}
.slide_B01 {background:url(../img/sub/businessInformation/buy_img_01.jpg)no-repeat 75% 50% / cover;}
.slide_B02 {background:url(../img/sub/businessInformation/buy_img_02.jpg)no-repeat 75% 50% / cover;}
.slide_B03 {background:url(../img/sub/businessInformation/buy_img_03.jpg)no-repeat 75% 50% / cover;}

div.buy_box { position:relative; height:100%;}
div.buy_box div.buy_slide_text {bottom:-95px; width:90%; }
div.buy_box div.buy_slide_text.active-text { display:block; }
div.buy_box div.buy_slide_text > h5 {font-size: 12px; line-height: 30px; margin-bottom: 16px;}
div.buy_box div.buy_slide_text > p {padding: 0 10px; height: 78px; font-size: 11px;}
div.buy_box div.buy_slide_text > p.buy_size {padding: 0px 20px 38px; }

.buy_itemBox {margin-top: 48px;}
.buy_itemBox > p {font-size: 20px;}
.buy_itemBox > ul {margin-top: 30px;}
.buy_itemBox > ul {float: none; width: 100%;}
.buy_itemBox > ul:last-child {margin-left: 0%; margin-top: 6%;}
.buy_itemBox > ul li {text-align: left; width: 46%; margin-left: 6%; padding: 157px 10px 10px;}
.buy_itemBox > ul li:first-child {margin-left: 0;}
.buy_itemBox > ul li.buy_item01 {background:url(../img/sub/businessInformation/buy_item_01.jpg)no-repeat center center / cover;}
.buy_itemBox > ul li.buy_item02 {background:url(../img/sub/businessInformation/buy_item_02.jpg)no-repeat center center / cover; letter-spacing:0;}
.buy_itemBox > ul li.buy_item03 {background:url(../img/sub/businessInformation/buy_item_03.jpg)no-repeat center center / cover;}
.buy_itemBox > ul li.buy_item04 {background:url(../img/sub/businessInformation/buy_item_04.jpg)no-repeat center center / cover;}
.buy_itemBox > ul li strong {display: block; font-size: 13px; font-weight: 500; color: #fff;}
.buy_itemBox > ul li strong::after {width: 23px; margin: 14px 0 14px; }
.buy_itemBox > ul li span {display: block; font-size: 12px; color: #fff;}
}



@media screen and (max-width: 767px) { 
/* 소재지 */
div.content_map > a.map_btn {float: left; text-align: center; width: 100%; font-weight: 700; margin-top: 40px; font-size: 12px; border: 2px solid #999999; padding: 8px 15px 8px 0px; background: url(../img/btn_arrow.png)no-repeat 56% 50%;}
.tabsel { margin-top: 0px; position: relative; }
.tabsel .selected { display: block; line-height: 40px; cursor: pointer; background: url(../img/tab_arrow.png) no-repeat right top #fff; background-size: 40px; border: 1px solid #005891; font-size: 13px; color: #005891; text-indent: 15px; display: -webkit-box; white-space: normal; -webkit-line-clamp: 1; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; height: 40px; padding-right: 40px; }
.tabsel .selected.on { background-position: right bottom; }
.tabsel ul { display: none; border: 1px solid #e5e5e5; position: absolute; left: 0; top: 0px; z-index: 2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.tabsel ul li { display: block; width: 100%; border-right: none; border-bottom: 1px solid #e5e5e5; }
.tabsel ul li:last-child { border-bottom: none; }
.tabsel ul li a { display: block; padding: 10px 15px; text-align: left; font-size: 13px; text-indent: 0; background: #fff; }
.tabsel ul li a .mhide { display: none; }
.tabsel ul li.on { border: 0; }
.tabsel ul li.on a { background: #f1f1f1; color: #005891; font-weight: 700; } 
}

.wra_pro_group1{max-width: 922px; margin-left: auto; margin-right: auto;}
.wra_pro_group1 .thumb{margin-bottom: 10px;}
.wra_pro_group1 .thumb img{max-width: 100%; margin: 0;}
.wra_pro_group1 .lst:after{display: block; clear: both; height: 0; visibility: hidden; content:"";}
.wra_pro_group1 .lst h6{ font-size: 18px; font-weight: normal; margin-bottom: 10px;  }
.wra_pro_group1 .lst .col{float: left;width: 30.3332%;margin-left: 3%; }
.wra_pro_group1 .lst .col p{text-align: justify;  }

/* 메인영상 */
.pc-view{display: block;}
.mo-view{display: none;}

#main-top-visual {
    width: 100%;
    /*max-width: 1920px;*/
    height: calc(100vh - 0px);
    /*max-height: 1024px;*/
    position: static;
    overflow: hidden;
    margin: 0 auto;
    box-sizing: border-box;
}

#main-top-visual .swiper-slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #fff;
}

  #main-top-visual .swiper-container {
    width: 100%;
    height: 100vh;
}

#main-top-visual .swiper-slide video {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    z-index: 1;
}

@media screen and (min-aspect-ratio: 1920 / 1080) {
    #main-top-visual .swiper-slide video {
        width: 100%;
    }
}

@media screen and (max-aspect-ratio: 1920 / 1080) {
    #main-top-visual .swiper-slide video {
        height: 100%;
    }
}

@media screen and (max-width: 768px) and (min-width:550px) {
    #main-top-visual .swiper-slide video {
        width:100%;
        height: auto;
    }
}

#mainVisual .progressbar-pagination {
    position: absolute;
    left: 0;
    bottom: 50px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    z-index: 3;
}

#mainVisual .mute {
    margin-right: 50px;
}

#mainVisual .mute button {
    border: 1px #fff solid;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .3);
    font-size: 0;
    background-repeat: no-repeat;
    background-size: 35%;
    background-position: center;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96.08 92.95'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23ffffff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M47.79,.26c-1.29-.53-2.77-.24-3.75,.75L17.23,27.81H3.44c-1.9,0-3.44,1.54-3.44,3.44v30.43c0,1.9,1.54,3.44,3.44,3.44h13.79l26.8,26.81c.66,.66,1.54,1.01,2.44,1.01,.44,0,.89-.09,1.32-.26,1.29-.53,2.12-1.79,2.12-3.18V3.44c0-1.39-.84-2.65-2.12-3.18Z'/%3E%3Cpath class='cls-1' d='M82.49,46.39l12.45-12.39c1.52-1.51,1.52-3.96,.01-5.48-1.51-1.51-3.96-1.52-5.48-.01l-12.48,12.42-12.48-12.42c-1.52-1.51-3.97-1.5-5.48,.01-1.51,1.52-1.5,3.97,.01,5.48l12.45,12.39-12.46,12.39c-1.52,1.51-1.52,3.96-.01,5.48,.76,.76,1.75,1.14,2.75,1.14s1.98-.38,2.73-1.13l12.48-12.42,12.48,12.42c.76,.75,1.74,1.13,2.73,1.13s1.99-.38,2.74-1.14c1.51-1.52,1.5-3.97-.01-5.48l-12.45-12.39Z'/%3E%3C/svg%3E");
}

#mainVisual .mute button.on {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.2 93.81'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23ffffff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M47.79,.7c-1.29-.53-2.77-.24-3.75,.75L17.23,28.25H3.44c-1.9,0-3.44,1.54-3.44,3.44v30.43c0,1.9,1.54,3.44,3.44,3.44h13.79l26.81,26.81c.66,.66,1.54,1.01,2.43,1.01,.44,0,.89-.09,1.32-.26,1.29-.53,2.13-1.79,2.13-3.18V3.88c0-1.39-.84-2.65-2.13-3.18Z'/%3E%3Cpath class='cls-1' d='M61.68,65.99c-.99,0-1.98-.38-2.74-1.13-1.51-1.51-1.52-3.96,0-5.48,3.33-3.34,5.17-7.77,5.17-12.48s-1.83-9.15-5.17-12.47c-1.51-1.51-1.51-3.97,0-5.48,1.51-1.51,3.96-1.51,5.48,0,4.79,4.79,7.43,11.17,7.43,17.95s-2.64,13.15-7.43,17.95c-.76,.76-1.75,1.14-2.74,1.14Z'/%3E%3Cpath class='cls-1' d='M75.32,81.2c-2.14,0-3.87-1.73-3.87-3.87h0c0-1.04,.41-2.02,1.13-2.75,7.4-7.4,11.47-17.23,11.47-27.68s-4.07-20.29-11.47-27.68c-1.51-1.51-1.51-3.96,0-5.48,1.51-1.51,3.96-1.51,5.48,0,8.86,8.85,13.74,20.63,13.74,33.16s-4.85,24.23-13.66,33.08c-.71,.75-1.71,1.21-2.81,1.21Z'/%3E%3Cpath class='cls-1' d='M89.5,93.81c-.99,0-1.98-.38-2.74-1.14-1.51-1.51-1.51-3.96,0-5.48,10.77-10.76,16.7-25.07,16.7-40.29s-5.93-29.54-16.69-40.3c-1.51-1.51-1.51-3.96,0-5.48,1.51-1.51,3.96-1.51,5.48,0,12.22,12.22,18.96,28.48,18.96,45.77s-6.74,33.55-18.97,45.77c-.76,.75-1.75,1.13-2.74,1.13Z'/%3E%3C/svg%3E");
}

#mainVisual .play {
    margin-right: 50px;
}

#mainVisual .play button {
    border: 1px #fff solid;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .3);
    font-size: 0;
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' class='bi bi-play-fill' viewBox='0 0 16 16'%3E%3Cpath d='m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z'/%3E%3C/svg%3E");
}

#mainVisual .play button.on {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  fill='%23ffffff' class='bi bi-pause' viewBox='0 0 16 16'%3E%3Cpath d='M6 3.5a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5zm4 0a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5z'/%3E%3C/svg%3E");
}

@media screen and (max-width: 840px) {
    #mainVisual .play {
        display: none;
    }

    #mainVisual .play {
        margin-right: 2vw;
    }

    #mainVisual .mute {
        margin-right: 2vw;
    }
}

@media screen and (max-width:768px) {
  .pc-view{display: none;}
  .mo-view{display: block;}
}